Table Click Task

Simple on click clicked and then release.

by chalsxevior

HTML

<table id="myTable">
  <tr>
    <td >Top-left</td>
    <td>Top-right</td>
  </tr>
  <tr>
    <td>Bottom-left</td>
    <td>Bottom-right</td>
  </tr>
</table>

CSS

table, th, td {
   border: 1px solid black;
}

JavaScript

var tbl = document.getElementById("myTable");
        if (tbl != null) {
            for (let i = 0; i < tbl.rows.length; i++) {
                for (let j = 0; j < tbl.rows[i].cells.length; j++)
                tbl.rows[i].cells[j].onclick = function () { 
								let data=this.innerHTML;
                this.innerHTML="Clicked";
                setTimeout(()=>{ this.innerHTML=data }, 2000);
                };
            }
        }