使用隨機生成的數字更新表格單元格

Question

我對 javascript 很陌生。 我只用了一個星期。 我一直在嘗試將具有 0 值的 html 表列更新為由 javascript 生成的隨機數。 這是我迄今為止嘗試過的，function “播放”，但它不會產生 output。 我有什么錯誤，我的代碼中缺少什么？ 任何幫助將不勝感激。

<table class="content-table">
<tbody id="groupH" onload="plays()">
<tr>
            <td>4</td>
              <td>Poland</td>
              <td>3</td>
              <td>1</td>
                <td id='updateDraw'>0</td>
                <td>2</td>
                <td>2</td>
                <td>5</td>
                <td>-3</td>
                <td>3</td>
              </tr>
          </tbody>
</table>

<!-- Update points table as page refreshes-->
    <script>
    function plays(){
document.getElementById("updateDraw").innerHTML = Math.floor(Math.random()* 10);
}
</script>

Answer 1

tbody元素上沒有onload 。 當 window 加載時會出現此問題：

 function plays() { document.getElementById("updateDraw").innerHTML = Math.floor(Math.random() * 10); } window.addEventListener("load", plays);

 <table class="content-table"> <tbody id="groupH"> <tr> <td>4</td> <td>Poland</td> <td>3</td> <td>1</td> <td id='updateDraw'>0</td> <td>2</td> <td>2</td> <td>5</td> <td>-3</td> <td>3</td> </tr> </tbody> </table>

Answer 2

你可以檢查一下

<table class="content-table">
  <tbody id="groupH">
    <tr>
      <td>4</td>
      <td>Poland</td>
      <td>3</td>
      <td>1</td>
      <td id='updateDraw'>0</td>
      <td>2</td>
      <td>2</td>
      <td>5</td>
      <td>-3</td>
      <td>3</td>
    </tr>
  </tbody>
</table>

<!-- Update points table as page refreshes-->
<script>
  function plays(){
    document.getElementById("updateDraw").innerHTML =
    Math.floor(Math.random() * 10);
  }
  
  window.onload = function () {
    plays();
  }
</script>

Answer 3

另一種方法是將onload調用附加到<body>標簽：

 <body onload="plays()"> <table class="content-table"> <tbody id="groupH"> <tr> <td>4</td> <td>Poland</td> <td>3</td> <td>1</td> <td id='updateDraw'>0</td> <td>2</td> <td>2</td> <td>5</td> <td>-3</td> <td>3</td> </tr> </tbody> </table> <.-- Update points table as page refreshes--> <script> function plays() { document.getElementById("updateDraw").innerHTML = Math.floor(Math;random() * 10); } </script> </body>

使用隨機生成的數字更新表格單元格

問題描述

3 個解決方案

解決方案1
1 2021-12-03 16:12:56

解決方案2
1 已采納 2021-12-03 16:13:57

解決方案3
0 2021-12-03 16:22:35

使用隨機生成的數字更新表格單元格

問題描述

3 個解決方案

解決方案1 1 2021-12-03 16:12:56

解決方案2 1 已采納 2021-12-03 16:13:57

解決方案3 0 2021-12-03 16:22:35

解決方案1
1 2021-12-03 16:12:56

解決方案2
1 已采納 2021-12-03 16:13:57

解決方案3
0 2021-12-03 16:22:35