JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Warrior Forum</h1>

<label>Should Post</label>
<table id="table1">
    <tr>
        <td>12</td>
        <td>13</td>
    </tr>
    <tr>
        <td>26</td>
        <td>20</td>
    </tr>
</table>
<label>Should Not Post</label>
<table>
    <tr>
        <td>55</td>
    </tr>
</table>
<input name="var" id="newvar">

CSS

td {
    border: 1px solid red;
    padding: 1px 9px;
}
#table1 td:hover {
    cursor: pointer;
    color: #a3a3a3;
}
}
input {
    margin: 30px 15px;
}

JavaScript

$('#table1 td').click(function () {
    tdval = $(this).html();
    $('#newvar').val(tdval);
    alert('Value changed to: ' + tdval);
});