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>
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>