How do I make a word in my headline change text upon hover

Hi there, I’m currently building my portfolio website and I am thinking of having a 2-liner headline on my landing page. The interaction I want to integrate is to able to hover over 2 of the words and have it automatically swap the word to another.

For example, if my headline reads: “DINOSAURS ARE COOL”. Upon hovering over the word “COOL”, I would like it to change text to “EVIL” for example.

Hope that make sense! Thank you lots in advance. Any tips or tutorial will be greatly appreciated :slight_smile: