javascript 井字游戏

Question

我正在尝试构建一个井字游戏，但它不起作用，我的意思是当我单击游戏板时，我希望游戏启动并相应地具有我的功能。现在的问题是我希望这个游戏是人机大战，而机器部分(函数 AI())无法正常工作。

这是链接 codepen

我的所有函数都在“游戏”函数(game ())中，当用户单击 js 文件末尾的游戏板时，该函数应该运行。

只要尝试玩一下游戏，你就会明白我在说什么——奇怪的行为，我把眼睛抓破了，但仍然被卡住了。

如果有人能帮助我，我将非常感激。谢谢。

function game(){
    symbDisp();
    winCheck();
    turns += 1;
    if (gameEnd == false && turns % 2 == 0) {
        AI();
        winCheck();
        turns += 1;
    }
}

Answer 1

AI() 函数可以工作(或多或少)。实际上只有人工智能在玩游戏。玩家移动不起作用，因为您没有告诉 symbDisp() 函数单击了哪个方 block (“this”指的是文档，而不是方 block )

您可以将事件处理程序更改为表单

$('.square').on('click', function() {
    game($(this));
});

在这个匿名函数中，它指的是正方形，因为这是事件处理程序绑定(bind)到的元素。

现在您还需要通过更改 game() 和 symbDisp() 函数以将该元素作为其参数并在 symbDisp() 内部使用它来传递这个方形元素。

例如:

function game(elem){
    symbDisp(elem);
    //more stuff

function symbDisp(elem) {
    if(elem.text()==='') {
    //more stuff

您的游戏中还存在其他错误，但我会将这些错误留给您解决。