javascript - turnCount が更新されないのはなぜですか?

Question

三目並べゲームを作ろうとしています。ご想像のとおり、HTML に 3 つの行と 9 つのデータ セルを含むテーブルがあるだけなので、わざわざ投稿するつもりはありませんが、何らかの理由で、スクリプトにある最初の関数 (turnCount を更新する関数) が機能しません。何もしていないようです。

var X = 'X';
var O = 'O';
var currentPlayer;
var turnCount = 0;

$(document).ready(function () {
    $('td').click(function () {
        turnCount += 1;
    });
});

var setCurrentPlayer = function () {
    if (turnCount % 2 === 0) {
        currentPlayer = O;
    } else {
        currentPlayer = X;
    }
};
setCurrentPlayer();

$(document).ready(function () {
    $('td').click(function () {
        $(this).text(currentPlayer);
    });
});

Answer 1

setCurrentPlayer();をクリックするたびに呼び出す必要がありますtd。

これを試して：

$(document).ready(function () {
    $('td').click(function () {
        turnCount += 1;
        setCurrentPlayer();
        $(this).text(currentPlayer);
    });
});