Please why doesn't this code work...I'm trying to change the color of the <div> element via click function

Question

https://code.sololearn.com/WN1M3Q15lX2M/?ref=app

Answer 1

Use 'onchange' event of the <select> rather than 'onclick' on the <option>.

Create a boolean variable (let's name it <bright>), and toggle its value every time the <select> onchange eventhandler is invoked. When <bright> is true set background colour white, otherwise set it black.

Answer 2

Tnx

Answer 3

var modern=document.getElementsByClassName("mode")[0];

/*
getElementsByClassName return an array-like object (even if only one item inside): notice the 's' of 'element' conversely to getElementById ^^
*/

Answer 4

function change() {
if (light.selected==true) {
modern.style.backgroundColor="white";
}
else {
modern.style.backgroundColor="black";
}
}

/*
you need to check the 'selected' property, rather than the element itself (wich will ever be equals to true :P)
*/

Answer 5

Wow..it actually works
Thanks 😀😀