嘗試使用 onclick 調用 function

Question

我創建了一個 function 來創建一個表並用問題填充它。 我試圖創建一個按鈕來帶來表格，但它似乎不起作用。 有人知道我錯過了什么嗎？

<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

我想您要做的是在單擊按鈕時顯示一個表格：

<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