JSFiddle - React, Tailwind, and code Playground

HTML

<h2>One</h2>
<h2>Two</h2>
<h2>Three</h2>
<h2>Four</h2>
<h2>Five</h2>

JavaScript

document.addEventListener('mouseover', myOverHandler)
document.addEventListener('mouseout', myOutHandler)


function myOverHandler(evt) {
	let target = evt.target.closest('h2')
  if (target) {
  	target.style.color = 'green'
  }
}
function myOutHandler(evt) {
	let target = evt.target.closest('h2')
  if (target) {
  	target.style.color = 'red'
  }
}