<table id="game_grid"></table>

    <script>
        var gameGrid = document.getElementById("game_grid");
        var gameGridInnerHTML;
       
        gameGridInnerHTML = '<tbody>';
        for (i = 0; i < 100; i++){
            gameGridInnerHTML = gameGridInnerHTML + '<tr>';
            for(j = 0; j < 100;j++){
                gameGridInnerHTML = gameGridInnerHTML +  '<td class="grid_element" id="cell_'+j+i+'"></td>';
            }
            gameGridInnerHTML = gameGridInnerHTML + '</tr>';
        }
        gameGridInnerHTML = gameGridInnerHTML + '</tbody>';
        gameGrid.innerHTML = gameGridInnerHTML;

         
         gameGrid.onclick = function(event){
            var field_cell = event.target;
            field_cell = field_cell.closest('td');
            alert(field_cell.id);
        }
        
     </script>

.grid_element{
    display:inline-block;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

#game_grid{
    position:absolute;
    height: 4400px;
    width:4440px;
    border: 1px;
    border-style: solid;
/*    z-index: -100;*/
    border-color:green;
    empty-cells:show;
    border-spacing:0;
}