JSFiddle - React, Tailwind, and code Playground

by mjgasner

HTML

<div id="bob" onMouseOver="changeBlock('bob')">
bob
</div>

CSS

#bob
{
    background-color: red;
    padding: 20px;
}
#bob:hover
{
    background-color: yellow;
    cursor: pointer;
}

JavaScript

function changeBlock(id) {
 
  document.getElementById(id).style.color = 'white';  
}