JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<table>
    <tr>
        <td>AAA</td>
        <td>BBB</td>
        <td>CCC</td>
    </tr>
        <tr>
        <td>DDD</td>
        <td>EEE</td>
        <td>FFF</td>
    </tr>
</table>

CSS

td.blue-cell { background: green; cursor: pointer; padding: 2px }
td.red-cell {
    background: #F00; /* Or some other color */
}

JavaScript

$( function() {
  $('td').click( function() {
    $(this).toggleClass("red-cell");
  });
} );