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;
                }
            }
    }

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

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

效果如下面网址所示:

我的主页

posted @ 2016-03-20 19:25  WallDone  阅读(447)  评论(0编辑  收藏  举报