i cant find the error here can u guys please help me

Question

I just want the match the clicked square color with picked square color?

console.log("connected");

var colors = [
"rgb(255,0,0)",
"rgb(255,255,0)",
"rgb(0,255,0)",
"rgb(0,255,255)",
"rgb(0,0,255)",
"rgb(255,0,255)"
];

var squares = document.querySelectorAll(".square");
var pickedColor = colors[0];
var colorDisplay = document.querySelector("#colorDisplay");
colorDisplay.textContent = pickedColor;

for (var i = 0; i < squares.length; i++) {
//adding inital colors
squares[i].style.background = colors[i];
//4.adding the logic to the event click lisnters
squares[i].addEventListener("click", function() {
// 5.grap the color of picked square
var clickedColor = this.style.background;
console.log(clickedColor);//click karapu eka

console.log(pickedColor);// choose karapu ekaa

//6. compare them with the picked color
if (clickedColor === pickedColor) {
console.log("correct");

}else{
console.log("try again");

}

});

}

Answer 1

write here a href to your code on SoloLearn PlayGround

Answer 2

<a href="https://code.sololearn.com/W83wXFSfYW49/#html"></a>

Answer 3

i am pretty much stuck with this one please help me to find those and way to fix this
the project name is color pick and i donno how to link that reference to here

Answer 4

lakdhi ubhayaratna wrap the script around window.onload function.

https://www.sololearn.com/post/7444/?ref=app