JSFiddle - React, Tailwind, and code Playground
HTML
<table class='table'>
<td></td>
<td></td>
<td></td>
</table>
CSS
td {
border: 1px solid red;
padding: 10px;
margin: 10px;
}
JavaScript
var arr = [
'Н',
'Б',
'К'
];
var cnt = 0;
$(".table").on('click', 'td', function (e) {
$(this).text(arr[cnt]);
cnt++;
if (cnt > 2) cnt = 0;
});