Javascript背景色切换onclick

为什么此代码会将背景颜色更改为紫色而不是白色？

您正在使用

=

进行相等比较，但您需要

=

进行相等比较

var bac=document.querySelector（“按钮”）；
/*添加了以下行，因为默认输出为
`document.body.style.background`是“”。所以我们
需要先初始化它。
*/
document.body.style.background=“白色”；
bac.addEventListener（“单击”，函数（）{
if（document.body.style.background==“白色”）{
document.body.style.background=“purple”；
}else if（document.body.style.background==“紫色”）{
document.body.style.background=“白色”；
}
});
单击
一个等号（=）用于赋值。要将一个字符串（
document.body.style.background
）与另一个字符串（“白色”）进行比较，请使用三重相等（=）

使用document.body.style.backgroundColor属性更改背景颜色，并使用==而不是“=”进行比较

下面的代码在上进行了测试

使用==而不是=使用
==
在JavaScript
文档中进行比较。body.style.background==“white”
=
不是比较运算符。不工作仍然不工作still@AryanAgarwal我已经添加了一些更改，现在它可以工作了。我复制了你的代码，但仍然没有working@AryanAgarwal它正在工作，尝试
运行代码段
。仍不能工作
var bac=document.querySelector("button");

bac.addEventListener("click", function(){
    if (document.body.style.background="white"){
        document.body.style.background="purple";
    }else if(document.body.style.background="purple"){
        document.body.style.background="white";
    }

});

bac.addEventListener("click", function(){
    if (document.body.style.background === "white") {
        document.body.style.background = "purple";
    } else if (document.body.style.background === "purple") {
        document.body.style.background = "white";
    }
});

var bac=document.querySelector("button");
document.body.style.backgroundColor="white"; //set default color in js
bac.addEventListener("click", function(){
var color=document.body.style.backgroundColor;
switch(color) {
    case "white":
        document.body.style.backgroundColor="purple";
        break;
    case "purple":
        document.body.style.backgroundColor="white";
        break;
    default:        
}