js实现随机的四则运算题目(2)-更新界面
上次的代码提交完成后,有很多bug。比如函数会重复调用执行,每点击一次按钮都会在生成题目的下方直接生成新的题目,于是我在代码前面添加了如下的代码:
function play_allE() { document.getElementById("textE").innerHTML=null;//改动的代码 document.getElementById("text2E").innerHTML=null;//改动的代码 var S=document.getElementById("shu").value; for (i = 1; i <=S; i++) { var a = GetRandomNumE(0,1); document.getElementById("textE").innerHTML+=("<br>"+"第"+i+"题:"); switch (a) { case 0: var A=plE(); var strs = A.split("="); document.getElementById("textE").innerHTML+=(strs[0]+"="+"<br>"); document.getElementById("text2E").innerHTML+=("<br>"+"第"+i+"题答案:"+strs[1]+"<br>"); break; case 1: var B=pl_fE(); var strs = B.split("="); document.getElementById("textE").innerHTML+=(strs[0]+"="+"<br>"); document.getElementById("text2E").innerHTML+=("<br>"+"第"+i+"题答案:"+strs[1]+"<br>"); break; } } }
这样就可以保证每次运行都能在页面内重新生成新的题目,覆盖前面的生成。
接着可以让用户自己选择生成的试题数量。并且优化了界面的显示,使得界面更加清晰简洁。
效果如下面网址所示: