JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<table>
    <tr>
        <td id="first-cell">First cell</td>
        <td>Second cell</td>
    </tr>
    <tr>
        <td>Third cell</td>
        <td id="last-cell">I'm the last one</td>
    </tr>
</table>

CSS

table{
    border-collapse:collapse;
}
td{
    padding:20px;
    border:1px solid #333;
}

JavaScript

var first_cell = document.getElementById("first-cell")
var last_cell = document.getElementById("last-cell")
last_cell.onclick = function(){
	this.style.background = "red";
    alert("last cell clicked");
}
first_cell.onclick = function(){
	this.style.background = "blue";
   last_cell.click();
}