首页 > 解决方案 > 尝试使用 onclick 调用函数

问题描述

我正在尝试使用 onclick 调用一个函数,但是当我单击该按钮时没有任何反应。在尝试添加 onclick 之前,我已经看到该表出现了。这是代码。

<body>
        
        <button onclick="createSheet()">Display</button>   
        <div id="tableContainer"></div>
    </body>

    <script>
        var totalQuestions;
        function createSheet() {
          var sheet = "";
          totalQuestions = 8;
      
          sheet += "<div><table>";
          for (var i = 0; i < totalQuestions; i++) {
            sheet += "<tr>";
            sheet += "<td class='question'>";
            sheet += "<div class='questionNumber'>" + "A" + (i + 1) + "</div>";
            sheet += "<div class='qContent'>" + addition2() + " </div>";
            sheet += "</td>";
            sheet += "<td class='question'>";
            sheet += "<div class='questionNumber'>" + "B" + (i + 1) + "</div>";
            sheet += "<div class='qContent'>" + addition2() + " </div>";
            sheet += "</td>";
            sheet += "<td class='question'>";
            sheet += "<div class='questionNumber'>" + "C" + (i + 1) + "</div>";
            sheet += "<div class='qContent'>" + addition2() + " </div>";
            sheet += "</td>";
            sheet += "</tr>";
          }
          
          sheet += "</table></div>"; 
          document.getElementById("tableContainer").innerHtml = sheet;
        
        }
              
        function addition2() {
          var difficulty = 1000;
          var ans;
              
          for (var i = 0; i < totalQuestions; i++) {
            var numGen = Math.round(Math.random() * difficulty + 100);
            var numGen1 = Math.round(Math.random() * difficulty + 100);
            var question = numGen  +  " + "  +  numGen1
            var ans = numGen + numGen1
          } 
          
          return question;
        }
      </script>

任何帮助将不胜感激谢谢

标签: javascript

解决方案


转变

document.getElementById("tableContainer").innerHtml = sheet;

document.getElementById("tableContainer").innerHTML = sheet;

推荐阅读