我如何在 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>

我如何在 html 标记中显示带有 if 语句的 for 循环的结果，如段落

How do i display the outcome of my for loop with if statement in an html tag like a paragraph

javascript

for-loop

if-statement

innerhtml

getelementbyid