JavaScript Tic Tac Toe - 将值附加到存储为嵌套数组的棋盘中

Question

我有一个函数可以根据计数将单击的板单元格的内容更改为 X 或 O。

这里是:

let count = 0
function clickToInput(event){
    let i = event.target;
    event.target.parentElement.innerHTML = playerCounter();
    count++;
}

函数 playerCounter() 定义为:

function playerCounter(){
        if(count%2 == 0){
            inputCharacter = "<button>X</button>";
        }
        else{
            inputCharacter = "<button>O</button>";
        }
        return inputCharacter
}

下面是我的电路板数组的存储方式:

row1 = ["<button>1a</button>", "<button>1b</button>", "<button>1c</button>"];
row2 = ["<button>2a</button>", "<button>2b</button>", "<button>2c</button>"];
row3 = ["<button>3a</button>", "<button>3b</button>", "<button>3c</button>"];
board = [row1, row2, row3];
let count = 0;

现在我要做的是获取 inputCharacter 并替换嵌套数组中的字符串值(对应于被单击的按钮。

我没有包括我的 HTML，因为我认为它会很长，但如果有必要请务必提及。

Answer 1

您为什么不创建一个函数来切换 bool 值 X 为真 O 为假 true 或 false 指示轮到谁了。将单击的按钮的 ID 传递给函数。每个按钮都有一个 ID。

var whosTurn = true;
        function turn(id) {
          var element = document.getElementById(id);
          if (whosTurn) {
            element.innerHTML = "X";
          } else {
            element.innerHTML = "O";
          }
          element.disabled = true;
          whosTurn = !whosTurn;
    }