zoukankan      html  css  js  c++  java
  • 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;
                    }
                }
        }

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

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

    效果如下面网址所示:

    我的主页

  • 相关阅读:
    MarkDownPad 注册码
    ADB server didn't ACK 解决方法
    Python基础教程思维导图笔记
    Java快捷键
    关于chm提示 已取消到该网页的导航的解决方法
    网络基础知识
    将博客搬至CSDN
    hadoop之 yarn (简单了解)
    hadoop之 HDFS 数据I/O(一)
    hadoop 之源码 ResourceManager
  • 原文地址:https://www.cnblogs.com/walldong/p/wall2.html
Copyright © 2011-2022 走看看