JSFiddle - React, Tailwind, and code Playground

by Hari Menon

HTML

<table>
    <tr>
        <td>Test 1</td>
        <td>Test 2</td>
        <td>Test 3</td>
        <td>Test 4</td>
        <td>Test 5</td>
    </tr>
    <tr>
        <td>Test 11</td>
        <td>Test 12</td>
        <td>Test 13</td>
        <td>Test 14</td>
        <td>Test 15</td>
    </tr>
</table>

CSS

td{
    border:1px solid #ccc;
}

JavaScript

var tds = document.getElementsByTagName('td');
for (var i = 0; i < tds.length; i++) {
    var td = tds[i];
    td.onclick = function(event) {
        event = (event) ? event : window.event;
        console.log('rowIndex: ' + this.parentNode.rowIndex + ', colIndex: ' + this.cellIndex);
    }
}