簡體   English   中英

在 Javascript 中的 for 循環中每 12 個數字后添加一個換行符

[英]Adding a line break after every 12 numbers inside a for loop in Javascript

我目前的代碼是:

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

顯示它時,我需要在一行中每 12 個數字后添加一個換行符。

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

您可以使用提醒運算符%並檢查結果是否為零。

一些注釋:

  • 聲明所有變量,
  • 收集所有文字,
  • 最后分配給元素。

 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>

您可以使用% (余數)運算符來幫助自己。 如果number % 12 === 0是因為該number12的倍數。 你可以像這樣利用它來發揮你的優勢

 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>

請執行下列操作

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM