JSFiddle - React, Tailwind, and code Playground

HTML

<div onclick="DrawRow()">
Click me to Initialize the DrawRow
</div>

<table border="2">
    <tbody><tr>
        <td onclick="Jump()">This is your desired td</td>
        <td onclick="Dump()">You may not be interesred in this</td>
    </tr>
</tbody>
    
    </table>

JavaScript

function DrawRow()
{
    B = "../Images/Green-360-Button.png" ;
    MO = "../Images/Green-360-ButtonMouseOver.png" ;
    C1color = "#66FF33"; C2color="#000000"; C3color="#000000"; C4color="#000000"; C5color="#000000";
    ASTRIS="";
    tto=""; ttt="";
    aao=""; aaa="";
    eeo=""; eee="";
    now = new Date();
Status =2; 
    //====================================================================================================================
    //          Check User Defined States By Rule
    //====================================================================================================================

    if ( Status & 4 )  { B="../Images/Blue-360-Button.png"; C1color="#FFFFFF"; }
    if ( Status & 32 ) { B="../Images/LightGreen-360-Button.png"; C1color="#000000"; }
    if ( Status & 2 )  { B="../Images/Yellow-360-Button.png"; C1color="#000000"; }
    if ( Status & 1 )  { B="../Images/Orange-360-Button.png"; C1color="#000000"; }
    if ( Status & 8 )  { B="../Images/Red-360-Button.png"; C1color="#FFFF00"; }
    if ( Status & 16 ) { B="../Images/Purple-360-Button.png"; C1color="#000000"; }

    
    doit();
}

function doit(){
    //alert(MO);
    //alert(B);
$("td[onclick^='Jump']").each(function(){
    $(this).attr("mouseoverpic", MO);
    $(this).attr("mouseoutpic", B);
    
    $(this).hover(function(){
     $(this).attr("background", $(this).attr("mouseoverpic"));
    },
    function(){
     $(this).attr("background", $(this).attr("mouseoutpic"));
    }
  );
  
});
}