Question

我正在尝试在此文本之后获取代码中的循环以将信息输出到表中。为了进一步解释这一点，函数function doEvens()创建了一个循环，它使用一个人输入到输入文本框Type in your Number: <input type="number" id="num">中的数字，并在一个段落中显示该数字和2之间的所有偶数：{{ 1}}，当数字显示在段落中时，它们有一个分号和一个分隔它们的空格，而不是我希望数字在一个表格中，我尝试使用createElementById但没有运气，我试过放代码的某些区域之间的表格，没有运气我仍然无法解决这个问题，我还有许多其他项目，我正在编写代码。

<p id="space"></p>

Answer 1

我已使用table实施了解决方案。这是：

＆＃13;

function doEvens() {
  var number = document.getElementById('num').value,
    table = document.getElementById('evensTable'),
    cellsInRow = 20,
    evens = [],
    tableContent = '',
    row = '',
    i = 3, 
    startAt,
    numberOfRows;

  table.innerHTML = '';

  while (i++ < number - 1) {
    i % 2 === 0 && evens.push(i);
  }

  numberOfRows = evens.length / 20;

  for (var r = 0; r < numberOfRows; r++) {
    row = '<tr>';
    startAt = r * cellsInRow;
    
    for (var c = startAt; c < startAt + cellsInRow; c++) {
      if (!evens[c]) break;

      row += '<td>' + evens[c] + '</td>';
    }
    
    row += '</tr>';
    tableContent += row;
  }
  
  table.innerHTML = tableContent;
}

＆＃13;

<body>
  Type in your Number:
  <input type="number" id="num">
  <button onclick="doEvens();" href="javascript;">Submit</button>
  <table id="evensTable">
  </table>
</body>

＆＃13;

此table包含一行，但您也可以在代码中创建更多行（比如每打印10个数字后）

如果您不清楚，请问我。

<强>更新

我已根据您的需要更新了解决方案。

如何在表格中获取此循环信息（Javascript）

1 个答案: