javascript - 在屏幕上显示我的 console.log

Question

我有一个 javascript 可以打印出 1 - 100 之间的所有质数，并且我正在使用 innerHTML 来打印结果。我的控制台给了我数字列表，但innerHTML给了我一个数字。我想是 100。如何以与在控制台中打印相同的方式显示数字列表，但在 ID="prime"的 div 内？

这是我写的

for (var i = 1; i <= 100; i++) {
   var invalid = false;

   for (var j = 2; j <= i; j++) {

       if (i % j===0 && j !== i) {
           invalid = true;
       }
   }

   if (invalid === false) {
       console.log(i);
   }
}
document.getElementById('prime').innerHTML = i;

我的分区

<div id="prime"> </div>

我的控制台输出 1, 2, 3, 5, 7, 11, ...97 但我的 div 输出 101

这是一个CODEPEN

谢谢

Answer 1

您的代码放置位置错误。对于初学者来说，可以这样说:

 if (invalid === false) {
    console.log(i);
    document.getElementById('prime').innerHTML = i;
}

此外，如果您使用该代码，它只会显示 i 的最后值。要解决此问题，请使用 += 而不是 =

if (invalid === false) {
    console.log(i);
    document.getElementById('prime').innerHTML += i + " | ";
}

最后，我在 i 后面添加一行(“| ”)，以使数字分隔清晰。