JavaScriptイベント（クリック）、各クリック時

Question

各クリックで背景色を変更しようとしています。

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

Answer 1

小さな変更です。クリックごとに変数を切り替える必要があります。 あなたは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