我如何在 html 標簽（如段落）中使用 if 語句顯示 for 循環的結果

Question

所以第一個 for 循環是我對默認 console.log 所擁有的，第二個是我試圖用它來做的，但遺憾的是沒有好的結果。

 for (let i = 1; i <= 100; i++) { if (i % 15 == 0) console.log("FB"); else if (i % 3 == 0) console.log("F"); else if (i % 5 == 0) console.log("B"); else console.log(i); } for (let i = 1; i <= 100; i++) { if (i % 15 == 0) document.getElementById("fizzbuzz").innerHTML = "FB"; else if (i % 3 == 0) document.getElementById("fizzbuzz").innerHTML = "F"; else if (i % 5 == 0) document.getElementById("fizzbuzz").innerHTML = "B"; else document.getElementById("fizzbuzz").innerHTML = i; }

 <div class="container"> <h2 class="text-light">Opdracht 2</h2> <p class="text-light" id="fizzbuzz"></p> </div>

Answer 1

就像@36ve在他對您的問題的評論中提到的一樣，根據您提供的其他信息，我猜您應該將代碼從分配更改為字符串連接。

 for (let i = 1; i <= 100; i++) { if (i % 15 == 0) document.getElementById("fizzbuzz").innerHTML += "FB "; else if (i % 3 == 0) document.getElementById("fizzbuzz").innerHTML += "F "; else if (i % 5 == 0) document.getElementById("fizzbuzz").innerHTML += "B "; else document.getElementById("fizzbuzz").innerHTML += `${i} `; }

 <div class="container"> <h2 class="text-light">Opdracht 2</h2> <p class="text-light" id="fizzbuzz"></p> </div>