JSFiddle - React, Tailwind, and code Playground

HTML

<p>Как изменить цвет текста (выделить слово цветом) при наведении на него мышкой?</p>

CSS

p {
  font-size: 20px;
}

p > span:hover { color: red; }

JavaScript

const paragraphList = document.querySelectorAll('p');

paragraphList.forEach(p => {
  p.innerHTML = p.innerText
    .split(' ')
    .map(word => `<span>${word}</span>`)
    .join(' ');
})