Question

    <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程序的代码，无法让它工作。我究竟做错了什么？我进行了拼写检查，没有找到任何东西，但仍然无法正常工作。它应该像正常的tic-tac-toe游戏一样运作。你的“X”和计算机将是“O”。当你按下按钮时，它会让计算机动起来，我似乎无法让它工作。

Answer 1

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

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

enter image description here

代码中充斥着这些问题。修复它们，然后再试一次。你可以参考Douglas Crockford的JavaScript：The Good Parts作为语法的一个很好的参考。

Answer 2

嗯，只看一下颜色编码。你在某些地方错过了引号，特别是你的＆＃34;它已经......＆＃34;。

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

您应该使用Notepad ++等代码编辑器，其中包括语法高亮和括号匹配，这样可以更轻松地查找错误;）

编辑：我已经做了Tic-Tac-Toe的示例实现。 Link。看看用于制作它的代码。

JavaScript tic tac toe程序无效

2 个答案: