JavaScript 事件(点击),每次点击

标签 javascript

我试图在每次点击时更改背景颜色。

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;
});

Check Fiddle

关于JavaScript 事件(点击),每次点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41071327/

相关文章:

javascript - 在 JavaScript 中将属性嵌套在属性数组中

javascript - HTTP 响应中数组的异常表示(数组 : 0x7f7298c057f0)

javascript - 将 Websocket 与 Passport 一起使用

javascript - 将 SVG 路径纵向分割为多种颜色

javascript - Amchart 子弹轮在股票图表中不起作用

javascript - Angular:使用带有自定义字符串的管道格式化日期

javascript - 将浏览器中的选定区域抓取为图像

javascript 传输和元素从 1 个 div 到另一个 div

javascript - 如何使用 JavaScript 删除 HTML 中的子节点?

javascript - placeHolder id 不显示使用 style.display