Случайный класс при наведение

Question

Есть 5 классов со стилями Как сделать чтобы при наведении к элементу добавлялся случайный класс?

html
<div class="block">

for (let i = 0; i <= square_nums; i++){
const square = document.createElement("div")
square.setAttribute("class", "square")
square.addEventListener("mouseover", () => {
    setColor(square)
    randomFg(square)
})
board.append(square)
square.addEventListener("mouseleave", () => {
    removeColor(square)
})

on.addEventListener("click", () => {
    setColor(square)
    body.style.background = randomBg()
})

off.addEventListener("click", () => {
    removeColor(square)
    body.style.background = ""
    block.classList.remove(block.classList.contains("green")? "green": "red")
})

}

 const figures = ["triangle", 
     "hexagon", "close", "star", 
       "circle"]
        function randomFg(item){
      item.classList.add()
         let randomClass = ""
        for (let i = 0; i < 
      figures.length; i++){
    let rand = 
      Math.floor(Math.random() * 
     figures.length)
    randomClass += figures[rand]
    }
     return randomClass
    }

      console.log(randomFg())

Answer 1

Так работает, класс в item добавляется.

const figures = ["triangle",
  "hexagon", "close", "star",
  "circle"
]

function randomFg() {
  let rand = Math.floor(Math.random() *
      figures.length)
      
  return figures[rand];
}

let randomClass = randomFg();
console.log(item.classList.value)
item.classList.add(randomClass);
console.log(item.classList.value);

<div id = 'item' class="block">

БЛОГ НА HUSL

Случайный класс при наведение

Ответы (1 шт):