How can I make the script apply to the element that the cursor is hovering over?

Question

css

There are several elements on the page, and you need to change the style for the element that the cursor is hovering over.

Answer 1

addEventListener('mouseover', ({target, relatedTarget}) => {
  if(relatedTarget) 
    relatedTarget.classList.remove('hover');
  if(target) 
    target.classList.add('hover')
})