Недавно начал изучать JavaScript.Пытаюсь сделать Color Guessing Game...Консоль не показывает никаких ошибок,но когда я кликаю на правильный цвет он все равно выдает мне "Wrong".Если же я удалю alert("Wrong"),то вообще нет никакой реакции на клик.В чем ошибка?Вот мой код:
var colors = [
"rgb(255,0,0)",
"rgb(255,255,0)",
"rgb(0,255,0)",
"rgb(0,255,255)",
"rgb(0,0,225)",
"rgb(255,0,255)"
]
var squares = document.querySelectorAll(".square");
var pickedColor = colors [3];
var colorDisplay = document.getElementById("colorDisplay");
colorDisplay.textContent = pickedColor;
for(var i = 0; i <squares.length;i++){
// add initial colors to squares
squares[i].style.background = colors[i];
// add click listeners to squares
squares[i].addEventListener ("click",function() {
// grab color of clicked square
var clickedColor = this.style.background;
// compare color to pickedColor
if(clickedColor === pickedColor){
alert("Correct!");
} else {
alert("Wrong!")
}
});
}