JavaScript tic tak toe程序不工作

JavaScript tic tak toe程序不工作,javascript,Javascript,这是无效的代码if(square[squareindex]==true;不是正确的JavaScript语法。您必须执行if(square[squareindex]==true){ 如果打开Chrome Developer工具,您会在控制台中看到错误: 代码中充斥着这类问题。请修复它们,然后再试一次。您可以参考道格拉斯·克罗克福德的《JavaScript:The Good Parts》作为语法的良好参考。好吧,首先看看颜色编码。有些地方缺少引号,尤其是您的“it is…'s turn” 除此之外

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

如果打开Chrome Developer工具,您会在控制台中看到错误:


代码中充斥着这类问题。请修复它们,然后再试一次。您可以参考道格拉斯·克罗克福德的《JavaScript:The Good Parts》作为语法的良好参考。

好吧,首先看看颜色编码。有些地方缺少引号,尤其是您的“it is…'s turn”

除此之外,你的第一个问题是第一个
,如果你有一个分号而不是右括号

您应该使用一个代码编辑器,例如记事本+,它包括语法高亮显示和括号匹配,这样可以更容易地查找此类错误;)


编辑:我制作了一个Tic-Tac-Toe的示例实现。请看一下用于实现它的代码。

其中有大量的打字错误和错误。括号未闭合,括号出现错误。请在chrome developer tools控制台中处理错误。也请看一看您的html,它不是完全有效的。
    <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>