使用JavaScript单击页面时，使我的按钮将页面变黑

Question

我一直在尝试创建一个切换按钮，当按下该按钮时，为了我自己的眼睛，它将页面变黑，但一直无法这样做。这是我尝试时的外观：https://gyazo.com/5cd21085350b603f9289bb5f64b2361e我对JavaScript不太满意，因此它并不那么复杂。我的按钮看起来像这样：

        <label class="switch" onclick="pagecolor();">
          <input type="checkbox">
          <span class="slider round"></span>
        </label>

这是我的JavaScript：

function pagecolor(){
    if(document.body.style.backgroundColor = "white") {
        document.body.style.backgroundColor = "black";
    } else {
        document.body.style.backgroundColor = "white";
    }
}

希望您可以提供帮助：）

Answer 1

如果条件不正确，则它始终会评估为true，因为您使用的是单个=符号，请使用==

function pagecolor(){
    if(document.body.style.backgroundColor == "white") {
        document.body.style.backgroundColor = "black";
    } else {
        document.body.style.backgroundColor = "white";
    }
}