JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tbl1" border=1>
    <tr>
        <td>1</td><td>2</td>
    </tr>
    <tr>
        <td>3</td><td>4</td>
    </tr>
</table>

CSS

table {
    width:100%;
}

JavaScript

window.onload = function(){
    document.getElementById('tbl1').onclick = function(e){
        var e = e || window.event;
        var target = e.target || e.srcElement;
        if(target.tagName.toLowerCase() ==  "td") {
            alert(target.innerHTML);
        }
    };
};