计应191西 程萌萌

主要功能：
（1）主页选择出题范围：
主要描述：提交表单到后台接口，生成相应符合标准的运算式。

表单验证

<c:forEach items="${sessionScope.formulaList}" var="c" varStatus="status">
//遍历运算式数组

<div class="Ti">

<div class="mu a">${c}=</div>//运算式
<div class="mu b">
<input name="c" type="text" class="c">//用户答题框
</div>
<div class="yesno"></div>//打钩或打叉

<div class="ans" ></div><!-- 答案为: -->
<div class="duide"></div><!-- 正确的结果 -->

</div>

</c:forEach>

<c:forEach items="${sessionScope.resultList}" var="d" varStatus="status">
<input style="display:none;" class="daan" value="${d}">//对应的正确答案
</c:forEach>

<form action="/TikaServlet" method="post">

<input type="hidden" name="time" id="time_id"/><!-- 时间 -->
<input type="hidden" name="corNum" id="numRight_id"/><!-- 正确个数 -->
<input type="hidden" name="corRate" id="Rightrate"/><!-- 正确率 -->

<input type="submit" id ="out" class=" chuan" value="上传">

</form>

//判卷
function check(){

var duide = document.getElementsByClassName("duide");//要显示的正确答案
var daan=document.getElementsByClassName('daan');//后台获取的正确答案
var c = document.getElementsByClassName('c');//用户作答
var time=document.getElementById("time_id");
var x = document.getElementById('startShow');
//总计时间

var yesno = document.getElementsByClassName("yesno");//钩或叉
var ans = document.getElementsByClassName("ans");//“答案为：”

var numRight=document.getElementById("numRight_id");//正确的个数
var rate = document.getElementById("Rightrate");//正确率

var yes = 0;//正确个数
var no =0;
var count = 0;//总个数

for(var i=0;i<daan.length;i++){
if(daan[i].value==c[i].value){//若答对了
yesno[i].innerHTML="√";
yesno[i].style.color="#1DF126";
yes++;
count++;
}else{
yesno[i].innerHTML="×";
yesno[i].style.color="red";
//若错误，显示 "答案：正确的答案"
ans[i].innerHTML = "答案：";
ans[i].style.display="inline-block";
duide[i].innerHTML = daan[i].value;
duide[i].style.display="inline-block";
console.log(duide[0].innerHTML);

no++;
count++;
}

numRight.value=yes;
time.value = x.innerHTML;
var str = Number(yes/count*100).toFixed(2);
str +="%";
rate.value = str;
//将相应值通过input hidden 传到后台
}

}

<div class="ka">
<div class="titl">答题卡</div>
<div class="line">
<div class="left">答对总数</div>
<div class="mid">:</div>
<div class="right"><%=request.getSession().getAttribute("corNum")%></div>
</div>
<div class="line">
<div class="left">正确率为</div>
<div class="mid">:</div>
<div class="right"><%=request.getSession().getAttribute("corRate")%></div>
</div>
<div class="line">
<div class="left">总共用时</div>
<div class="mid">:</div>
<div class="right"><%=request.getSession().getAttribute("time")%></div>
</div>

</div>