我试图在每次点击时更改背景颜色。
var button = document.querySelector("button");
var body = document.querySelector("body");
var color = true;
button.addEventListener("click", function(){
if(color){
body.style.backgroundColor = "purple";
color != color;
}
else if (!color){
body.style.backgroundColor = "green";
}
});
最佳答案
一个小的修改。您需要在每次点击时切换变量。
您可以通过删除 if else
并将其替换为 else
var button = document.querySelector("button");
var body = document.querySelector("body");
var color = true;
button.addEventListener("click", function() {
if (color) {
body.style.backgroundColor = "purple";
} else {
body.style.backgroundColor = "green";
}
// or equivalent with a ternary operator:
body.style.backgroundColor = color ? "purple" : "green";
// color != color is a comparison, but you want an assignment:
color = !color;
});
关于JavaScript 事件(点击),每次点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41071327/