Javascript 通过单击事件更改div的背景色

我已经完成了Javascript代码学院的学习。我现在正在练习我的技能

我正在尝试构建一个非常简单的代码，每次单击按钮时都会更改div的背景（我意识到我可以直接通过ID选择div，但是我使用了不同的选择器类型和方法，因此我可以习惯它们）

document.getElementById（“changeColor”）.addEventListener（“单击”，函数（）{
var div=document.getElementById（“子”）.parentNode；
var random=Math.floor（Math.random（）*colors.length）；
var颜色=[“AliceBlue”、“AntiqueWhite”、“Aqua”、“Aquamarine”]；
div.style.backgroundColor=颜色[随机]；
})

这只是一个快速测试
更改颜色

您的

颜色

变量在第4行中初始化，并且您在前一行尝试访问它

您只需切换两条线路即可：

document.getElementById（“changeColor”）.addEventListener（“单击”，函数（）{
var div=document.getElementById（“子”）.parentNode；
var颜色=[“AliceBlue”、“AntiqueWhite”、“Aqua”、“Aquamarine”]；
var random=Math.floor（Math.random（）*colors.length）；
div.style.backgroundColor=颜色[随机]；
})

这只是一个快速测试
更改颜色

您的

颜色

变量在第4行中初始化，并且您在前一行尝试访问它

您只需切换两条线路即可：

document.getElementById（“changeColor”）.addEventListener（“单击”，函数（）{
var div=document.getElementById（“子”）.parentNode；
var颜色=[“AliceBlue”、“AntiqueWhite”、“Aqua”、“Aquamarine”]；
var random=Math.floor（Math.random（）*colors.length）；
div.style.backgroundColor=颜色[随机]；
})

这只是一个快速测试
更改颜色

我看不到问题，您需要什么帮助？请确保检查浏览器控制台是否有错误。我看不到问题，您需要什么帮助？请确保检查浏览器控制台是否有错误。啊哈！！掌心时刻！这么简单的错误…谢谢你的帮助Dekel。我很感激！！掌心时刻！这么简单的错误…谢谢你的帮助Dekel。我很感激