Как сделать рандомный цвет фона при наведении для каждого элемента?

Question

[magalalka]

Новое наведение - новый цвет, даже для одного и того же элемента. Вот что пока имею:

Answer 1

[0xD34F]

По событию mouseover перезаписывайте css-переменную, отвечающую за цвет:

document.querySelector('.shopWrapper').addEventListener('mouseover', function() {
  const color = `#${Math.random().toString(16).slice(2, 8).padEnd(6, 0)}`;
  this.style.setProperty('--random-color', color);
});

Comments

[magalalka]

спасибо!

Answer 2

[Alexey2236]

    let arrColor = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
    let randomCalor = "";
   let randomIndex = 0;

    for (let i = 0; i < 6; i++) {
  randomIndex = Math.floor(Math.random() * arrColor.length);
 randomCalor += arrColor[randomIndex];
}