在 Javascript 中 for 循环中，每 12 个数字后添加一个换行符

Question

我当前的代码是：

for (count = 1; count <= 100; count = count + 1) {
  text = "<br>" + " " + count;
  document.getElementById("id").innerHTML += text;
}

显示它时，我需要在一行中每 12 个数字之后添加一个换行符。

Answer 1

for (count = 1; count <= 100; count = count + 1) {
  text = "<br>" + " " + count;
  if (count % 12 === 0) {
    document.getElementById("id").innerHTML += text;
  }
}

Answer 2

您可以使用提醒运算符%并检查结果是否为零。

一些注释：

• 声明所有变量，
• 收集所有文本，
• 最后分配给元素。

var text = "";
for (let count = 1; count <= 100; count++) {
    text += count + ' ';
    if (count % 12 === 0) {
        text += "<br>";
    }
}
document.getElementById("demo5").innerHTML += text;

<div id="demo5"></div>

Answer 3

您可以使用%(余数(运算符帮助自己。如果number % 12 === 0是因为该number是12的倍数。你可以像这样利用这一点来发挥自己的优势

var text = "";
for (let count = 1; count <= 100; count++) {
    text += count + ' ';
    if (count % 12 === 0) {
        text += "<br>";
    }
}
document.getElementById("answer").innerHTML += text;

<div id="answer"></div>

另一种方法是显式计算您当前拥有的项目数量，并在达到12时重置该计数：

    var text = "";
    var n = 0;
    for (let count = 1; count <= 100; count++) {
        text += count + ' ';
        n++;
        if (n === 12) {
            n = 0;
            text += "<br>";
        }
    }
    document.getElementById("answer").innerHTML += text;

  

<div id="answer"></div>

Answer 4

执行以下操作

for (count = 1; count <= 100; count = count + 1) {
  text += count+ " ";
  if(count%12 == 0){
     text = text + "</br>";
  }
  document.getElementById("id").innerHTML = text;
}