javascript - 我需要井字棋游戏的帮助，但我无法更改回合

Question

我需要帮助来在每回合后交换玩家。也就是说，第一次点击是玩家 1 (X)，第二次点击是玩家 2(0)。现在，每次点击都会产生一个 X。

const player1 = 'X'
const player2 = 'O'
CurrentPlayer = 1


if(CurrentPlayer == 1) {
    $("document").ready (function(){
    $(".grid-item").click (function(){
    $(this).html(player1);
    $("#player").html("2")
    CurrentPlayer = 2
   })
 });
}

if ( CurrentPlayer ==   2) {
    $("document").ready (function(){
    $(".grid-item").click (function(){
    $(this).html(player2);
    $("#player").html("3")

    })
  });
 }

Answer 1

你的代码中有很多错误。首先，

$("document").ready (function(){

});

应该针对文件而不是每次点击，另一个问题是事件

$(".grid-item").click (function(){
  //
});

应该只init一次，在该事件中我们只需要检查玩家状态。

你的代码应该是这样的

$("document").ready (function(){

    const player1 = 'X'
    const player2 = 'O'
    var CurrentPlayer = 1


    $(".grid-item").click (function(){
        if(CurrentPlayer == 1) {
            //do your stuff for player 1
            CurrentPlayer = 2
        }
        else if(CurrentPlayer == 2) {
            //do your stuff for player2
            CurrentPlayer = 1
        }
    });

});