Javascript 尝试创建一个简单的函数来更改我的页面的背景颜色

正如标题所说，我正在尝试创建一个函数来实现它

以下是我的JavaScript：

var clickCount = 0;
var colors = ["red", "blue", "green"];

function changBgColor(color) {
    var bodyTag = document.getElementsByTagName("body");
    bodyTag[0].style.backgroundColor = color;
}

function changeBg() {
    changeBgColor(colors[clickCount]);
    clickCount++;

    clickCount = clickCount % bgColors.length;
}

---

当从我的html调用函数

changeBg（）

时，它什么也不做，我挠头想弄明白原因。

您的代码中有一些拼写错误

var clickCount=0；
变量颜色=[“红色”、“蓝色”、“绿色”]；
函数changeBgColor（颜色）{
var bodyTag=document.getElementsByTagName（“body”）；
bodyTag[0]。style.backgroundColor=颜色；
}
函数changeBg（）{
更改颜色（颜色[单击计数]）；
//---^------缺失e
点击计数++；
clickCount=clickCount%colors.length；
//数组变量名---^^^^^^---
//如果需要，您可以组合上述两行
//clickCount=++clickCount%colors.length；
//还是全部3行
//更改颜色（颜色[单击计数+++%colors.length]）；
}

---

单击

您在声明函数“changBgColor”时出现拼写错误。您缺少一个“e”

此外，您正在执行单击计数%bgColors.length，此处未定义bgColors。使用颜色。改为使用长度

var clickCount=0；
变量颜色=[“红色”、“蓝色”、“绿色”]；
函数changeBgColor（颜色）{
var bodyTag=document.getElementsByTagName（“body”）；
bodyTag[0]。style.backgroundColor=颜色；
}
函数changeBg（）{
更改颜色（颜色[单击计数]）；
点击计数++；
clickCount=clickCount%colors.length；
}

---

change color

typo dude，你的函数changBgColor，我很确定它应该是changebgcolor很好的工作-我只是像你一样发布了确切的解决方案-所以我没有用相同的帖子把页面弄乱-我删除了我的。干得好：）