你的位置:首页 > Java教程

[Java教程]js实现随机的四则运算题目


上次的代码提交完成后,有很多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;        }      }  }

这样就可以保证每次运行都能在页面内重新生成新的题目,覆盖前面的生成。

接着可以让用户自己选择生成的试题数量。并且优化了界面的显示,使得界面更加清晰简洁。

效果如下面网址所示:

小学生随机四则运算