JSFiddle - React, Tailwind, and code Playground

HTML

<body  onload="crtaj()">
<script>

function klik(id){
//removes clicked object with id id

        var element = document.getElementById(id);
        element.parentNode.removeChild(element);
        
}

function crtaj(){
        
        var tabela=document.getElementById("dugmad");
        
       //r brojač  za redove:
        for (r=0;r<32;r++){

            //create tR:
            
            var tr= document.createElement("tr"); 
            tabela.appendChild(tr);  
            
            //k brojač za kolone:
            for (k=0;k<32;k++){

                var j=32*r+k;  //redni broj celije u tabeli
                
                //create td:
                var td= document.createElement("td");  
                tr.appendChild(td);
                  
                //create dugme:    
                var dugme= document.createElement("button");            
                var textnode = document.createTextNode(j);          
                dugme.appendChild(textnode);
            
                var att = document.createAttribute("onclick");        
                att.value = "klik("+j+")";                        
                dugme.setAttributeNode(att);

                att = document.createAttribute("id");  
                att.value = j;  
                dugme.setAttributeNode(att);

                td.appendChild(dugme);
             };

        };
}


</script>

<table id="dugmad">
</table>
</body>