지뢰찾기 기본 화면

document.querySelector("#exec").addEventListener('click',function(){
    //가로,세로,지뢰 갯수 파악
    var hot = document.querySelector("#hot").value;
    var ver = document.querySelector("#ver").value;
    var mine = document.querySelector("#mine").value;
    console.log(hot,ver,mine);
    //데이터와 화면을 따로 생각하되 둘을 일치시키는 작업이 필요. 여기서는 2차원 배열을 먼저 만들고 그것을 화면에 옮기는 작업 순서로 한다.
    var dataset = [];
    var tbody = document.querySelector('#table tbody');
    //세로줄(tr)을 먼저 만들고 가로칸(td)를 넣는다.
    for(var i = 0; i < ver; i+=1) {
        var arr = [];
        dataset.push(arr);
        // var tr = document.createElement('tr');
        for(var j = 0; j < ver; j+=1) {
            arr.push(1);
            var td = document.createElement('td');
            tr.appendChild(td);
            //td.textContent = 1;모든 칸에 1 입력
        }
        tbody.appendChild(tr);
    }
    console.appendChild(tr);
});
// tbody tr td는 화면 부분.
// 입력받은 hot, ver 값에 따라 동적으로 tr,td 생성!