Javascript 背景颜色未定义

我不明白这为什么不起作用。它说背景颜色没有定义。我试着让它在点击的时候改变颜色，点击可以工作，但不会改变颜色。我想除此之外，其他一切都可以工作，但希望这里有人能帮助我。或者，如果你对如何改进它有任何建议，那就太好了。

var squares=document.getElementsByClassName（'squares'）；
对于（变量i=0；i

修好它。
.广场{
宽度：100px；
高度：100px；
背景色：#000000；
保证金：5px；
}

您需要使用

this

获取事件发生的元素

function changeColor(event) {
  console.log("I work");
  this.style.backgroundColor = randomColor();
}

---

您需要使用

this

来获取事件发生的元素

function changeColor(event) {
  console.log("I work");
  this.style.backgroundColor = randomColor();
}

---

您需要使用

this

来获取事件发生的元素

function changeColor(event) {
  console.log("I work");
  this.style.backgroundColor = randomColor();
}

---

您需要使用

this

来获取事件发生的元素

function changeColor(event) {
  console.log("I work");
  this.style.backgroundColor = randomColor();
}

---

设置

backgroundColor

时，它应该是

event.target

如下所示：

（event.target）.style.backgroundColor=randomColor（）

event.target
将引用单击的
div
元素。这样你就可以添加任何样式

因此，您更改的代码如下所示：


var squares=document.getElementsByClassName（'squares'）；
对于（变量i=0；i


修好它。
.广场{
宽度：100px；
高度：100px；
背景色：#000000；
保证金：5px；
}
当您设置
背景色时，它应该是
事件.目标

如下所示：
（event.target）.style.backgroundColor=randomColor（）

event.target
将引用单击的
div
元素。这样你就可以添加任何样式

因此，您更改的代码如下所示：


var squares=document.getElementsByClassName（'squares'）；
对于（变量i=0；i


修好它。
.广场{
宽度：100px；
高度：100px；
背景色：#000000；
保证金：5px；
}
当您设置
背景色时，它应该是
事件.目标

如下所示：
（event.target）.style.backgroundColor=randomColor（）

event.target
将引用单击的
div
元素。这样你就可以添加任何样式

因此，您更改的代码如下所示：


var squares=document.getElementsByClassName（'squares'）；
对于（变量i=0；i


修好它。
.广场{
宽度：100px；
高度：100px；
背景色：#000000；
保证金：5px；
}
当您设置
背景色时，它应该是
事件.目标

如下所示：
（event.target）.style.backgroundColor=randomColor（）

event.target
将引用单击的
div
元素。这样你就可以添加任何样式

因此，您更改的代码如下所示：


var sq