Hi! I want to change background colors using Array. Please help.

Question

In the top-right button, I want to add an eventlistener to change multiple background colors using Array. Please suggest how can I do that. ?

The for of loop iterates through items of an array. But I have used if condition, I tried adding if inside for(i in colors) {
if statement
}

https://code.sololearn.com/W0BWKeTH0Dgl
in function random.

Please Help!

Answer 1

//Confused (:D for sure, that's at least confused)

var y = document.getElementById("manycol");
y.addEventListener("click", random);
/*
function random() {
var colors = ["red", "green", "yellow", "gray"]
i = 0;

for(i in colors){

}
if (i = 0, i > colors.length,i++)

{
document.getElementById("bd").style.backgroundColor = colors[i]
}
}
}
*/
function random() {
var colors = ["red", "green", "yellow", "gray"];
document.getElementById("bd").style.backgroundColor = colors[Math.random()*colors.length|0];
/*
x|0 is a short way to get Math.ceil(x)
if you want avoid the possibility of having same value twice next, you need a few more logic ;)
*/
}

Answer 2

Thank you.

Answer 3

I want to learn coding??

Answer 4

Can u help me??