9강 컴퓨터의 턴 버그 질문

Question

사용자의 턴인 'O'는 가로 세로 대각선 방향에서 승리조건을 달성하면 승리합니다.

하지만 컴퓨터의 턴인 'X'는 대각선의 승리조건을 달성하면 승리하지만 가로와 세로는 승리조건을 달성해도 승리하지 않습니다.

문제해결을 위해 계속 생각해 봤지만 도저히 해결방법이 생각나지 않아 질문 남겨봅니다.

Answer

if (turn === 'X') {

clickable = false;

setTimeout(() => {

const emptyCells = rows.flat().filter((v) => !v.textContent);

const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];

randomCell.textContent = 'X';

checkWinnerAndDraw(event.target);

clickable = true;

}, 1000);

}

보여주신 코드와 비교했을 때 표시한 부분이 달라서 정상적으로 작동하지 않았습니다. 가장 큰 원인은 event.target을 randomCell로 바꾸지 않은 부분인 듯합니다.

강의에서는 위의 코드로 마무리 되어 제가 놓친 것 같습니다. 감사합니다.

Answer

https://github.com/ZeroCho/es2021-webgame/blob/master/tictactoe-self.html 이 코드와 똑같으신게 맞나요?