JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="td_left"></td>
        <td class="td_right"></td>
    </tr>
    <tr>
        <td class="td_left"></td>
        <td class="td_right"></td>
    </tr>
    <tr>
        <td class="td_left"></td>
        <td class="td_right"></td>
    </tr>
    <tr>
        <td class="td_left"></td>
        <td class="td_right"></td>
    </tr>
    <tr>
        <td class="td_left"></td>
        <td class="td_right"></td>
    </tr>
</table>
<br/>
<table>
    <tr>
        <td>Left</td>
        <td>Right</td>
    </tr>
    <tr>
        <td><input type="text" class="color" data-target=".td_left"/></td>
        <td><input type="text" class="color" data-target=".td_right"/></td>
    </tr>
</table>

CSS

td
{
    width:65px;
    height: 18px;
    border:1px solid black;
    text-align:center;
}
input[type=text]
{
    width:55px;
}
}

JavaScript

$(".color").on("keyup",function(){
       $( $(this).attr("data-target")).css("backgroundColor", $(this).val());
});