Uncaught TypeError: Cannot read property 'index' of undefined エラーの解決方法

Question

バトルシップというゲームをJavaScriptで作成しています。

index.html内で作成した表をクリックした際に座標を特定し、別ファイルの関数内で使用したいのですが、
Uncaught TypeError: Cannot read property '2' of undefined エラー
ウェブ上でセルをクリックするというエラーがコンソール内に出ます。

listeners.js内の

console.log($inputCol);
console.log($inputRow);
console.log($coordinates);

は正常にクリックした箇所の数値が表示されます。

以下が関係しているコードです。

//listeners.js
document.querySelector("#field tbody").addEventListener('click', e => {
	console.log("Table was clicked on");
    
	var tableElement = e.target;
    
    var $inputCol = parseInt(tableElement.cellIndex - 1);
    var $inputRow = parseInt(tableElement.parentNode.rowIndex - 1);
    
    console.log($inputCol);
    console.log($inputRow);
    
    var $coordinates = "" + $inputRow + ',' + $inputCol + "";
    console.log($coordinates);
    
    
    battleship.makeMove($coordinates);
});

//models.js
var battleship = {
    
        board : [], // name the board
    
    initialize : function(board){
        var size = 10;
        board = new Array(size)
        for (var i = 0; i < size; i++){
            this.board[i] = Array(size);
        }
        
        return this.board;
    },

makeMove : function(coordinates){
        
        var indexNum = coordinates.split(',');
        var x = indexNum[0]; //row number
        var y = indexNum[1]; //column number
        
        if (this.board[x][y] == null){
            
            document.getElementById('message').innerHTML = "Missed";
            
            
        } else if (this.board[x][y] !== null) {
            
            if (this.board[x][y] !== "c"){
                
                document.getElementById('message').innerHTML = "Hit Cruiser";
                
            } else if (this.board[x][y] !== "s"){
                
                document.getElementById('message').innerHTML = "Hit Submarine";
                
            } else if (this.board[x][y] !== "d"){
                
                document.getElementById('message').innerHTML = "Hit Destroyer";
                
            } else if (this.board[x][y] !== "b"){
                
                document.getElementById('message').innerHTML = "Hit Battleship";
       
            }
        }
    },
};

Answer 1

Uncaught TypeError: Cannot read property '2' of undefined エラー

エラー情報に、行数など情報があると思うので、そのあたりのコードを読見ます。
エラーの内容は↓のように、undefinedから[2]は読めんよ、て意味です。

let hoge
console.log(hoge) //undefined
console.log(hoge[2]) //Uncaught TypeError: Cannot read property '2' of undefined