kreiranje html tabele u js

Code:
<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");  
                var tr=document.getElementsByName("tr")[r];
                tr.appendChild(td);
                  
                //create dugme:    
                var dugme= document.createElement("button");            
                var textnode = document.createTextNode(j);          
                dugme.appendChild(textnode);
            
                var butt = document.getElementsByTagName("button")[j];        
                    var att = document.createAttribute("onclick");        
                att.value = "klik("+j+")";                        
                butt.setAttributeNode(att);

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

                var td=document.getElementsByName("tr")[j];
                td.appendChild(dugme);
             };

        };
}


</script>

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