JavaScript编写颜色切换器时点击按钮背景色不改变问题求助

问题原因 #

你代码的核心错误出在JS变量声明部分：

• 你用const声明了colorIndex变量，const用于声明不可重新赋值的常量，执行colorIndex += 1操作时会直接触发JS报错，导致后续修改背景色的逻辑完全不会运行。

修正方案 #

把const colorIndex = -1改成用let声明即可，修改后的JS代码如下：

const colors = ['red', 'green', 'blue'];

// 把const改为let，允许变量后续重新赋值
let colorIndex = -1;

let myFunction = () => {
    colorIndex += 1;
    if (colorIndex > colors.length-1) colorIndex = 0;
    document.body.style.backgroundColor = colors[colorIndex];
}

额外排查建议 #

如果修改后仍不生效，可以按以下顺序检查：

• 确认你的JS文件命名确实是color.js，和HTML中script标签引入的文件名完全一致，且放在HTML文件同级目录下
• 打开浏览器开发者工具（F12）切换到控制台标签，看是否有其他文件加载、语法类的报错提示

内容的提问来源于stack exchange，提问作者goosey9