JSFiddle - React, Tailwind, and code Playground

HTML

<table class="grid">
    <tr>
        <td>asd</td>
        <td>qwe</td>
    </tr>
    <tr>
        <td>zxc</td>
        <td>vbnvbn</td>
    </tr>
</table>

CSS

.grid { margin:1em auto; border-collapse:collapse }
.grid td {
    cursor:pointer;
    width:30px; height:30px;
    border:1px dotted #ccc;
    text-align:center;
    font-family:sans-serif; font-size:16px
}
.grid td.clicked {
    background-color:red;
}

JavaScript

$("td").bind("click", function(){
    alert( $(this).text() );
    // change style here
    $(this).addClass("clicked");
});