JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
 <html>
 <head>
     <meta charset="utf-8">
     <title>Jstest</title>
 </head>
 <body>
     <script>
         function gogreen(){
             document.getElementById('bar').style.background='green'
         }
         function goyellow(){
             document.getElementById('bar').style.background='yellow'
         }
     </script>
     <table width="200" align="center" border="1">
         <tr>
             <td onMouseOver="gogreen()" onMouseOut="goyellow()">FOO</td>
             <td id="bar" style="background: yellow">BAR</td>
         </tr>
     </table>
 </body>
</html>