Blueherb In solitude, where we are least alone

java web编写四则运算

首先先画出一个表

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>四则运算</title>
</head>
<form name="a1" action="chuti.jsp" onsubmit="return check(a1);">
    <h2 align="center">四则运算</h2>
    <table align="center"border="2" width="400">
<body>
   <tr>
    <td>你想要的题目数量</td>
    <td><input type="text" name="number" value=""placeholder="题数"
    onchange="checkti(a1)"></td>
    </tr>
    <tr>
    <td>你想要的题目的每行个数</td>
    <td><input type="text" name="hang" value=""placeholder="行数"
    onchange="checkhang(a1)"></td>
    </tr>
    <tr>
       <td colspan="2" align="center"><input type="submit" value="提交"></td>
       </tr>
       </table>
 <script type="text/javascript">
      function check(a1)
      {
    	  var num = a1.number.value;
    	  var hang= a1.hang.value;
    	  if(num.length==0)
    		  {
    		  alert("题数不能为空");
    		  a1.number.value="";
    		  a1.number.focus();
    		  return false;
    		  }
    	  if(num.length==0)
		  {
		  alert("行数不能为空");
		  a1.number.value="";
		  a1.number.focus();
		  return false;
		  }
      }
      function checkti(a1)
      {
          var num = a1.number.value;
          if(num=="")
          {
              alert("题数不能为空");
              a1.number.value="";
              a1.number.focus();
              return false;
          }
      }
      function checkhang(a1)
      {
          var hang=a1.hang.value;
          if(hang.length==0)
          {
              alert("行数不为空");
              a1.hang.value="";
              a1.hang.focus();
              return false;
          }

  其中运用了script语句进行脚本判断,来初始判断你输进来的值

      然后我做了一个出题界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>答题界面</title>
</head>
    <%
      int h=Integer.parseInt(request.getParameter("hang"));
      int n=Integer.parseInt(request.getParameter("number"));
      String value[]=new String[n];
      String answer[]=new String[n];
      int i;
      for(i=0;i<n;)
      {
          int num1=(int)(1+(Math.random()*100));
         
          int num2=(int)(1+(Math.random()*100));
          int f=(int)(1+(Math.random()*4));
          if(f==1)
          {
              value[i]=num1+"+"+num2+"=";
              answer[i]=num1+num2+"";
              i++;
          }
          else if(f==2&&num1>=num2)
          {
              value[i]=num1+"-"+num2+"=";
              answer[i]=num1-num2+"";
              i++;
          }
          else if(f==3&&num1*num2<100)
          {
              value[i]=num1+"*"+num2+"=";
              answer[i]=num1*num2+"";
              i++;
          }
          else if(f==4&&num2!=0&&num1%num2==0)
          {
              value[i]=num1+"/"+num2+"=";
              answer[i]=num1/num2+"";
              i++;
          }
          else
              continue;
      }
      %>
<body>
<h2 align="center">练习题</h2>
    <form action="panduan.jsp">
    <table align="center"border="2" width="400">
        <%
        int k;
        for(int j=0;j<n;)
        {
            k=0;
            %>
            <tr>
            <%
            while(k<h)
            {
            %>
                <td><%=value[j] %></td>
                <td><input type="hidden" name="value" value=<%=value[j] %>></td>
                   <td><input type="text" name="result" /></td>
                   <td><input type="hidden" name="answer" value=<%=answer[j] %>></td>
            <%
            j++;
            k++;
            if(j>=n)
                break;
            }
            %>
            </tr>
            <%
        }
        %>
        <tr>
            <td colspan="2" align="center"><input type="submit" value="提交"></td>
        </tr>
    </table>
    </form>
     
</body>
</html>

  然后设计一个后台来对程序进行判断

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>答题界面</title>
</head>
    <%
      int h=Integer.parseInt(request.getParameter("hang"));
      int n=Integer.parseInt(request.getParameter("number"));
      String value[]=new String[n];
      String answer[]=new String[n];
      int i;
      for(i=0;i<n;)
      {
          int num1=(int)(1+(Math.random()*100));
         
          int num2=(int)(1+(Math.random()*100));
          int f=(int)(1+(Math.random()*4));
          if(f==1)
          {
              value[i]=num1+"+"+num2+"=";
              answer[i]=num1+num2+"";
              i++;
          }
          else if(f==2&&num1>=num2)
          {
              value[i]=num1+"-"+num2+"=";
              answer[i]=num1-num2+"";
              i++;
          }
          else if(f==3&&num1*num2<100)
          {
              value[i]=num1+"*"+num2+"=";
              answer[i]=num1*num2+"";
              i++;
          }
          else if(f==4&&num2!=0&&num1%num2==0)
          {
              value[i]=num1+"/"+num2+"=";
              answer[i]=num1/num2+"";
              i++;
          }
          else
              continue;
      }
      %>
<body>
<h2 align="center">练习题</h2>
    <form action="panduan.jsp">
    <table align="center"border="2" width="400">
        <%
        int k;
        for(int j=0;j<n;)
        {
            k=0;
            %>
            <tr>
            <%
            while(k<h)
            {
            %>
                <td><%=value[j] %></td>
                <td><input type="hidden" name="value" value=<%=value[j] %>></td>
                   <td><input type="text" name="result" /></td>
                   <td><input type="hidden" name="answer" value=<%=answer[j] %>></td>
            <%
            j++;
            k++;
            if(j>=n)
                break;
            }
            %>
            </tr>
            <%
        }
        %>
        <tr>
            <td colspan="2" align="center"><input type="submit" value="提交"></td>
        </tr>
    </table>
    </form>
     
</body>
</html>

  最后一个结束界面

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>结束界面</title>
</head>
<body>
     本次答题结束
</body>
</html>

  

 

 

 

posted @ 2019-10-30 08:18  帅气的小土豆  阅读(997)  评论(0编辑  收藏  举报