我如何在 html 标签（如段落）中使用 if 语句显示 for 循环的结果

Question

So the first for loop is what i had for a default console.log and the second on is the one i tried to do it with, but no good outcome sadly.

 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

Like @36ve mentioned in his comment on your question, and based on additional informations you gave I guess you should change your code from assigment to string concatenation.

 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>