<div width="100" border="1" cellpadding="0" cellspacing="1" id="wrtabelle1"></div>
            <script>
                xVar = 10;
                yVar = 10;
                function start(row, col) {
                    node = document.getElementById("wrtabelle1");
                    node.appendChild(createTable(row, col, "tabelle1"), node);
                }
                function random() {
                    return Math.floor((Math.random() * 998) + 1);
                }
                function createTable(row, col, id) {

                    var myTable = document.createElement("table");
                    var mytablebody = document.createElement("tbody");

                    for (var j = 0; j < row; j++) {
                        mycurrent_row = document.createElement("tr");
                        for (var i = 0; i < col; i++) {
                            mycurrent_cell = document.createElement("td");
                            mycurrent_cell.addEventListener("click", function (iii, jjj) {
                                return function () {
                                    if (!myTable.getAttribute("data-locked"))
                                    console.log(this.innerHTML, iii, jjj);
                                    if (this.innerHTML != "700") myTable.setAttribute("data-locked", "true");
                                }
                            }(i, j));
                            currenttext = document.createTextNode(random());
                            mycurrent_cell.appendChild(currenttext);
                            mycurrent_row.appendChild(mycurrent_cell);
                        }

                        mytablebody.appendChild(mycurrent_row);
                    }

                    myTable.appendChild(mytablebody);
                    myTable.setAttribute("ID", id);
                    return myTable;
                }
                start(xVar, yVar);
            </script>