How to change color of letter on mouse hover in JavaScript

Answer 1

You can wrap every letter with a span with class x for example.

Example:

$("#x").html(
  $("#x").text().split("").map(a => `${a}`)
)

.x:hover {
  color: red;
}

Hello World!