解决井字棋游戏中的平局判断错误

const clear = document.getElementById("clear");
const message = document.querySelector('h2');
const allDiv = document.querySelectorAll('#board div');
const squares = Array.from(allDiv);
let player = 'O';
let gameActive = true; // 添加一个变量来跟踪游戏是否仍在进行

function board() {
    squares.forEach(function(e, i) {
        squares[i].onclick = () => {
            if (gameActive && squares[i].textContent === '') { // 只有在游戏进行中且格子为空时才允许落子
                squares[i].textContent = player = player === 'O' ? 'X' : 'O';
                squares[i].textContent === 'X' ? message.textContent = "It's O's turn" :
                    message.textContent = "It's X's turn";
                const winner = checkWin();
                if (winner) {
                    message.textContent = winner + ' Wins!';
                    gameActive = false; // 游戏结束
                } else if (isDraw()) {
                    message.textContent = 'Draw!';
                    gameActive = false; // 游戏结束
                }
            }
        }
    });
}
board();

function checkWin() {
    const winPatterns = [
        [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
        [0, 3, 6], [1, 4, 7], [2, 5, 8], // Columns
        [0, 4, 8], [2, 4, 6]             // Diagonals
    ];

    for (let pattern of winPatterns) {
        const [a, b, c] = pattern;
        if (squares[a].textContent && squares[a].textContent === squares[b].textContent && squares[a].textContent === squares[c].textContent) {
            return squares[a].textContent; // 返回胜利者
        }
    }
    return null; // 没有胜利者
}

clear.onclick = () => {
    squares.forEach(function(e, i) {
        squares[i].textContent = '';
        squares[i].style.color = '';
    });
    message.textContent = "It's X's turn!"; // 重置消息
    player = 'O'; // 重置玩家
    gameActive = true; // 重置游戏状态
};

function isDraw() {
    return squares.every(square => square.textContent !== '');
}