JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">TEST</div>

CSS

#test {
    color: green;
}
#test:hover {
    color: blue;
}

JavaScript

document.getElementById('test').addEventListener('mouseenter', function () {
    this.innerText = getComputedStyle(this).color;
});