为什么我的循环不工作在JavaScript?

Question

为什么我的循环不工作在JavaScript?

for (n = 1; n<4; n++) 
{
var my_buttons = "";
my_buttons = my_buttons + `<div class="click" id="color${n}"></div>`;
document.getElementById("clicky").innerHTML = my_buttons;
}

Answer 1

你有两个问题:

首先，你通过在循环中声明my_buttons来覆盖它。其次，您还将覆盖的变量添加到循环中的innerHTML中，因此内容从未保存在一起。

my_buttons = "";
for (let n = 1; n<4; n++) 
{
my_buttons = my_buttons + `<div class="click" id="color${n}"></div>`;
}
document.getElementById("clicky").innerHTML = my_buttons;