四则运算自动出题之javaweb版

四则运算出题机之JAVAWEB版

要求还是和之前的出题形式一样

begin.jpg

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>选择题数页面</title>
</head>
<body style="background: url(images/1.jpg); background-size:100%">

    <form name="form1" action="chuti.jsp" onsubmit="return check(form1);">
    <h2 align="center">四则运算自动出题机</h2>
    <table align="center">
        <tr>
            <td>题数</td>
            <td><input type="text" name="number" value="" placeholder="请输入题数" onchange="checkti(form1)"></td>
        </tr>
        <tr>
            <td>每行个数</td>
            <td><input type="text" name="hang" value="" placeholder="请输入每行输出几个" onchange="checkhang(form1)"></td>
        </tr>
        <tr>
            <td><input type="submit" value="提交"></td>
        </tr> 
    </table>
    <script type="text/javascript">
    function check(form1)
    {
        var num = form1.number.value;
        var hang=form1.hang.value;
        if(num.length==0)
        {
            alert("题数不能为空");
            form1.number.value="";
            form1.number.focus();
            return false;
        }
        if(hang.length==0)
        {
            alert("每行个数不为空");
            form1.hang.value="";
            form1.hang.focus();
            return false;
        }
    }
    function checkti(form1)
    {
        var num = form1.number.value;
        if(num=="")
        {
            alert("题数不能为空");
            form1.number.value="";
            form1.number.focus();
            return false;
        }
    }
    function checkhang(form1)
    {
        var hang=form1.hang.value;
        if(hang.length==0)
        {
            alert("每行个数不为空");
            form1.hang.value="";
            form1.hang.focus();
            return false;
        }
    }
    </script>
    </form>
</body>
</html>

chuti.jpg

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>出题界面</title>
</head>
<body style="background: url(images/2.jpg); background-size:100%">
    <%
    int h=Integer.parseInt(request.getParameter("hang"));
    int x=Integer.parseInt(request.getParameter("number"));
    String value[]=new String[x];
    String answer[]=new String[x];
    int i;
    for(i=0;i<x;)
    {
        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;
    }
%>
    <h2 align="center">练习题</h2>
    <form action="panduan.jsp">
    <table align="center">
        <%
        int k;
        for(int j=0;j<x;)
        {
            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>=x)
                break;
            }
            %>
            </tr>
            <%
        }
        %>
        <tr>
            <td><input type="submit" value="提交"></td>
        </tr>
    </table>
    </form>
</body>
</html>

panduan.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>判断对错</title>
</head>
<body text="red" style="background: url(images/3.jpg); background-size:100%">
<%
    int a=0,b=0,c=0,i,k=0;
    String result[]=request.getParameterValues("result");
    String answer[]=request.getParameterValues("answer");
    String values[]=request.getParameterValues("value");
    for(i=0;i<values.length;i++)
    {
        values[i]+=result[i];
        if(result[i].equals(""))
        {
            %>
            <p align="center"><%=values[i] %>，该题没有填写，正确答案为<%=answer[i] %></p>
            <%
            a++;
        }
        else if(result[i].equals(answer[i]))
        {
            %>
            <p align="center"><%=values[i] %>，回答正确。</p>
            <%
            b++;
        }
        else
        {
            %>
            <p align="center"><%=values[i] %>，回答错误，正确答案为<%=answer[i] %></p>
            <%
            c++;
        }
    }
%>

<h2 align="center">总共<%=values.length %>道题，回答正确<%=b %>道，回答错误<%=c %>道，没有作答<%=a %>道。</h2>
    <p align="center" ><a  href="begin.jsp">重新做答</a></p>
    <p align="center" ><a  href="jieshu.jsp">结束</a></p>
</body>
</html>

jieshu.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>结束界面</title>
</head>
<body style="background: url(images/4.jpg); background-size:100%">
<h1 align="center">结束</h1>
</body>
</html>

流程截图

这就是javaweb版的四则运算出题机。

四则运算自动出题之javaweb版

猜你喜欢