javascript - 当您使用 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

您的 if 条件不正确，它始终评估为 true，因为您使用单个 = 符号进行分配，请使用 ==

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