Question

我需要在HTML表中放置6个随机生成的数字，我想知道什么是最好的解决方案，这是我的JS代码：

function GenerateNumber(){

var sResultat = "";
var iCompteur;
for(iCompteur=0;iCompteur<=6;iCompteur++)
   { 
    sResultat = Math.round(Math.random()* 18) + 1;
   }
}

使用AddEventListener调用它们有效吗？我需要在每次加载页面时都显示它，当然，如果我重新加载页面，数字需要不同。

这是我的HTML代码:(我暂时输入数字来测试我的代码并显示我希望它们出现的位置）

<div class="table">
                 <table>

                    <tr>
                        <th>FORce</th>
                        <th>DEXtérité</th>
                        <th>CONstitution</th>
                        <th>INTelligence</th>
                        <th>SAGesse</th>
                        <th>CHArisme</th>
                    </tr>

                     <tr>
                        <td class = "FOR">
                         5
                        </td>

                        <td class = "DEX">
                         4
                        </td>

                        <td class= "CON">
                         4
                        </td>

                        <td class ="INT">
                         4
                        </td>

                        <td class="SAG">
                         4
                        </td>

                        <td class="CHA">
                         3
                        </td>
                     </tr>


                </table>

            </div>

Answer 1

<div class="table">
  <table>

    <tr>
      <th>FORce</th>
      <th>DEXtérité</th>
      <th>CONstitution</th>
      <th>INTelligence</th>
      <th>SAGesse</th>
      <th>CHArisme</th>
    </tr>

    <tr>
      <td class="FOR">
      </td>

      <td class="DEX">
      </td>

      <td class="CON">
      </td>

      <td class="INT">
      </td>

      <td class="SAG">
      </td>

      <td class="CHA">
      </td>
    </tr>

  </table>

</div>

const serve = require('koa-static');
const mount = require('koa-mount');
const Koa = require('koa');

const static_pages = new Koa();
static_pages.use(serve('static'));

const app = new Koa();
app
    .use(mount('/static', static_pages))

Answer 2

function GenerateNumber(){
  var tds = document.querySelectorAll('.table td');
  
  return Array.prototype.forEach.call(tds, function(td){
      td.innerHTML = Math.round(Math.random()*18) + 1;
  });
}

window.onload = GenerateNumber;

<div class="table">
                 <table>

                    <tr>
                        <th>FORce</th>
                        <th>DEXtérité</th>
                        <th>CONstitution</th>
                        <th>INTelligence</th>
                        <th>SAGesse</th>
                        <th>CHArisme</th>
                    </tr>

                     <tr>
                        <td class = "FOR">
                         5
                        </td>

                        <td class = "DEX">
                         4
                        </td>

                        <td class= "CON">
                         4
                        </td>

                        <td class ="INT">
                         4
                        </td>

                        <td class="SAG">
                         4
                        </td>

                        <td class="CHA">
                         3
                        </td>
                     </tr>


                </table>

            </div>

如何将随机生成的数字放入表中？

2 个答案: