我不知道如何让这段代码工作？

Question

我是一个新的js程序员。我不知道如何使这段代码工作！

const button = document.querySelector('button');
const body = document.querySelector('body');

let buttonIsClicked = false;

button.onclick = () =>{
    buttonIsClicked = true;
}

if ( buttonIsClicked == true ) {
    body.style.backgroundColor = 'white';
} else {
    body.style.backgroundColor = 'black';
}

我尝试用谷歌搜索它，但我无法弄清楚。

Answer 1

您正在尝试更改点击之外的按钮的背景颜色。它只在脚本最初加载时运行一次。

你应该写，

const button = document.querySelector('button');
const body = document.querySelector('body');

let buttonIsClicked = false;

button.onclick = () =>{
    buttonIsClicked = true;

    if (buttonIsClicked == true) {
        body.style.backgroundColor = 'white';
    } else {
        body.style.backgroundColor = 'black';
    }
}