首页 > 代码库 > 四则运算网页
四则运算网页
一、题目:
四则运算(网页版)
二、程序设计思想
1、利用html语句和css标签,设计四则运算的首页,并将所需的参数值输入。
2、在出题页面得到参数值,利用javabean,随机产生相应数量的四则运算题目。
3、在最后一个界面,进行简单的计算(题目的正误)。
三、源代码
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/css/style.css" tppabs="css/style.css" /> <style> body{ height: 100%; background: #16a085; overflow: hidden; text-align: center; } canvas{z-index:-1;position:absolute;} </style> <script src="http://www.mamicode.com/js/jquery.js"></script> <script src="http://www.mamicode.com/js/verificationNumbers.js" tppabs="js/verificationNumbers.js"></script> <script src="http://www.mamicode.com/js/Particleground.js" tppabs="js/Particleground.js"></script> <script> $(document).ready(function() { //粒子背景特效 $(‘body‘).particleground({ dotColor: ‘#5cbdaa‘, lineColor: ‘#5cbdaa‘ }); }); function validation() { var fs = document.getElementById(‘fenshu‘).value; var ic = document.getElementById(‘ifchu‘).value; alert(fs); if(ic==‘0‘) { alert(‘请选择是否有除法!‘); return false; } } </script> </head> <body> <form action="Luru2.jsp" method="post" name="form1" id="form1"> <p> </p> <p> </p> <p style="color: #09F; font-size: 36px;">四则运算答题系统</p> <p> </p> <p> 是否含有分数: <input type="radio" name="fenshu" value="http://www.mamicode.com/0" id="fenshu"/> 有 <input type="radio" name="fenshu" value="http://www.mamicode.com/1" id="fenshu"/>无 </p> <p> 是否有除法: <input type="radio" name="ifchu" value="http://www.mamicode.com/0" id="ifchu"/>有 <input type="radio" name="ifchu" value="http://www.mamicode.com/1" id="ifchu"/>无 </p> <p> </p> <p> <input type="submit" value="http://www.mamicode.com/下一步" class="submit_btn"/> </p> </form> </body> </html>
四、实验结果截图
五、反思总结
1、界面设计有点简单,会在后期进行调整。
四则运算网页
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。