JSFiddle - React, Tailwind, and code Playground

by Arpit09

HTML

<div>
    <table id="tableID" border=1>
      <tbody>
        <tr><td>ID 1</td><td>Some Name</td></tr>
      </tbody>
    </table>
</div>

JavaScript

function loadTable() {
    var customTable = document.getElementById("tableID");
    var rows = customTable.getElementsByTagName("tr");
    for (var i = 0; i < rows.length; i++) {
        var currentRow = customTable.rows[i];
        var customHandler = 
            function(row) 
        {
          return function() { 
            var cell = row.getElementsByTagName("td")[1];
            var id = cell.innerHTML;
            alert("id:" + id);
          };
        };

        currentRow.onclick = customHandler(currentRow);
    }
}
window.onload = loadTable();