Table row onclick event returning row number

HTML

<div>
Use loop to assign onclick handler for each table row in DOM. Uses Closure.
    <table id="tableid4" border=1>
      <tbody>
        <tr><td>Item one</td></tr>
        <tr><td>Item two</td></tr>
        <tr><td>Item three</td></tr>
      </tbody>
    </table>
</div>

JavaScript

var table = document.getElementById("tableid4");
    var rows = table.rows; // or table.getElementsByTagName("tr");
    for (var i = 0; i < rows.length; i++) {
        rows[i].onclick = (function() {
            var cnt = i; 
            return function() {
              alert("row"+cnt+" data="+this.cells[0].innerHTML);
            }    
        })();
    
}
window.onload = function() { example4(); }