JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr><td onclick='foo(event)'>ABC</td><td>7</td></tr>
<tr><td onclick='foo(event)'>DEF</td><td>8</td></tr>
<tr><td onclick='foo(event)'>HIJ</td><td>9</td></tr>
<tr><td onclick='foo(event)'>ABC</td><td>10</td></tr>
</table>

JavaScript

function foo(e) {  
          var target = e.target || e.srcElement;
          alert('hi');
          alert(target);
//        alert(window.Event.target.innerHTML);          
//        alert(event.target.text);  
//        alert(event.target.tagName);  
//        alert(event.target.textContent);                
//        alert(event.target.parentElement.tagName);
//        alert(event.target.innerHTML);   
}