How can I highlight a word/term quicker and smarter?

Question

I have some text:

Hello world, Attack on Titan season two!

Currently, if a user wants to highlight a word/ter

Answer 1

You cannot set events to Text, but can set events to Html Elements. Put each word inside a div element and add an event onmouseover that changes div to a new highlighted state using css.

Steps:

1. Use split to get words into array.
2. Iterate words and put it into a div.
3. Iterate divs and set it an event that's change the div to a css class .highlight.

That's it.