i want the previous clicked div element background to go off when the next current div element is given a background ..

Question

I have four div elements for which each element is given a background color when it is clicked.
#code:https://code.sololearn.com/Wl43dQsEVgxD/?ref=app

Answer 1

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

Answer 2

window.onload=()=>{
const items=document.querySelectorAll(".item");
let last = null;
items.forEach(item =>{
item.addEventListener("click",()=>{
item.classList.toggle("background");
if (last) last.classList.toggle("background");
last = item;
});
});
}

Answer 3

however, rgba colors in hex format are not well supported by all brothers ^^

since you give full alpha chanel (FF), better to use only rgb hex...

if you need alpha chanel, better to use rgba() notation ;)

Answer 4

my code works ^^

did you have color displayed on click before?

because as I said in my second post hex colors with 8 digits are not working in all brothers: on my phone, I must remove the 2 last digits of color to let it works ^^

Answer 5

visph thanks i know get it..

Answer 6

visph thanks bro. know it works with the right color background...

Answer 7

visph thanks bro..