kreiranje html tabele u js

[ damso @ 15.12.2014. 13:18 ] @

Treba da kreiram tabelu a u celijama da bude dugmad.
Kada se klikne dugme treba da nestane.

Kreiram funkcijom Crtaj() a nestanak odradjuje funkcija Klik()
Medjutim nece da mi krera.Gde je greska?

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>