尝试使用 onclick 调用 function

Question

I have created a function to create a table and have populated it with questions.我创建了一个 function 来创建一个表并用问题填充它。 I have tried to create a button to bring the table but it seems to not be working.我试图创建一个按钮来带来表格，但它似乎不起作用。 Anyone know what I have missed?有人知道我错过了什么吗？

<body>
  <button onclick="createSheet()">Display</button>   
</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>";
    }
    
    return sheet;
    sheet += "</table></div>"; 
  }
        
  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>

Answer 1

I suppose what you are trying to do is display a table when the button is clicked:我想您要做的是在单击按钮时显示一个表格：

<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>";
    }
    
    // return sheet; !! return over here will stop the function from continuing
    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>

尝试使用 onclick 调用 function

问题描述

1 个解决方案

解决方案1
0 已采纳 2021-05-15 18:08:30

尝试使用 onclick 调用 function

问题描述

1 个解决方案

解决方案1 0 已采纳 2021-05-15 18:08:30

解决方案1
0 已采纳 2021-05-15 18:08:30