JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" cellpadding="10" cellspacing="10">
        <tr>
            <td>test 1</td>
            <td>test 2</td>
        </tr>
        <tr>
            <td>test 3</td>
            <td>test 4</td>
        </tr>
    </table>

JavaScript

window.onload = function(){
    
        var all = document.getElementsByTagName("td");
        for (var i=0;i<all.length;i++) {
            all[i].onclick = inputClickHandler;       
        }
    };
    
    function inputClickHandler(e){
        e = e||window.event;
        var tdElm = e.target||e.srcElement;
        if(tdElm.style.backgroundColor == 'rgb(255, 0, 0)'){
            tdElm.style.backgroundColor = '#fff';
        } else {
            tdElm.style.backgroundColor = '#f00';
        }
    }