JSFiddle - React, Tailwind, and code Playground

by Phil Everton

HTML

<table>
    <tr>
        <td class="default">empty</td>
        <td class="clicked">monkey</td>
    </tr>
</table>

CSS

td{padding:10px}
.clicked{background-color:#EDEDED}/*reporting*/

JavaScript

$('td.default,td.clicked').on('click', function() {
    $(this).toggleClass('default').toggleClass('clicked').text(
        $(this).text() === 'empty' ? 'monkey' : 'empty'
    );
});