0 
    <html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1252"
    <title> "tic tac toe"</title>
    <script language="JavaScript">
        var Next = "X";
        var count = "O";
        var square= new Array()
        for (var i=0; i<9; i++) square[i] = true;
        function makeMove(squareindex)                  
        {
            if (square [squareindex] == true;
            }
            (square [squareindex] == true;
                count++;
                document.getElementById(squareindex).value = ""+next+"";
                if Next == "X";
                {
                    Next == "O";
                }
                else
                {
                    Next == "X";
                }
                if (count == 9) document.getElementById("toeDisplay").innerHTML="Game Over!";
                else document.getElementById("toeDisplay").innerHTML= It is/""+next+""/'s turn";
            }
            else
            {
                document.getElementById("toeDisplay").innerHTML = "Fail";
            }
        }
    </script>
</head>
<body>
    &nbsp;&nbsp;&nbsp;tic tac toe
    <table border=1 id="tictactable"><form name="tic tac toe"></form>   
        <tr>
            <td id="toeDisplay" colspan=4 align=center bgcolor=white> It is "X"'s turn</td>
        </tr>
        <tr>                                                         
            <td align=center><INPUT id="0" TYPE="button" value="  "onClick="makeMove(0)"></td>          
            <td align=center><INPUT id="1" TYPE="button" value="  "onClick="makeMove(1)"></td>  
            <td align=center><INPUT id="2" TYPE="button" value="  "onClick="makeMove(2)"></td>
        </tr>                                                  
        <tr>                                                
            <td align=center><INPUT id="3" TYPE="button" value="  "onClick="makeMove(3)"></td>      
            <td align=center><INPUT id="4" TYPE="button" value="  "onClick="makeMove(4)"></td> 
            <td align=center><INPUT id="5" TYPE="button" value="  "onClick="makeMove(5)"></td>
        </tr>
        <tr>
            <td align=center><INPUT id="6" TYPE="button" value="  "onClick="makeMove(6)"></td>
            <td align=center><INPUT id="7" TYPE="button" value="  "onClick="makeMove(7)"></td>
            <td align=center><INPUT id="8" TYPE="button" value="  "onClick="makeMove(8)"></td>
        </tr> 
</table>        

</body>
</html>

你好呀！我得到了 JavaScript tic-tac-toe 程序的这段代码，但无法让它工作。我究竟做错了什么？我进行了拼写检查，没有找到任何东西，但它仍然无法正常工作。它应该像正常的井字游戏一样运作。您的“X”和计算机将是“O”。当您按下按钮时，它会使计算机移动，而我似乎无法使其正常工作。

4

2 回答 2

1

这是无效代码...if (square [squareindex] == true;不是正确的 JavaScript 语法。你必须这样做if (square [squareindex] == true) {。

如果您打开 Chrome 开发者工具，您会在控制台中看到错误：

在此处输入图像描述

代码中到处都是这些问题。修复它们，然后重试。您可以参考 Douglas Crockford 的 JavaScript: The Good Parts 作为语法的良好参考。

于 2013-01-04T23:54:52.560 回答
1

好吧，就看一下颜色编码。您在某些地方缺少引号，尤其是您的“轮到...轮到”了。

除此之外，你的第一个问题是第一个if，你有一个分号而不是右括号。

您应该使用包含语法突出显示和括号匹配的代码编辑器，例如 Notepad++，它可以更轻松地查找此类错误；）

编辑：我做了一个井字游戏的示例实现。链接。看看用于制作它的代码。

于 2013-01-04T23:54:55.497 回答