我正在使用html,css和JavaScript编写一个tic tac toe游戏。我在.html文件中引用了外部.js文件中的JavaScript。在.js文件中,我有一个名为playerMove的函数,它允许玩家进行移动并在玩家'x'和'o'之间切换。我想要做的是确定胜利者。Javascript和html Tic Tac Toe赢家
下面是我所拥有的:每个方块,当onclick(this)时,引用playerMove(piece)。每做完一个动作后,我想运行if语句来检查获胜者,但不确定参数是否包含对'piece'或a,b和c的引用。任何建议将不胜感激。
var turn = 0;
a = document.getElementById("topLeftSquare").innerHTML;
b = document.getElementById("topMiddleSquare").innerHTML;
c = document.getElementById("topRightSquare").innerHTML;
function playerMove(piece) {
var win;
if(piece.innerHTML != 'X' && piece.innerHTML != 'O'){
if(turn % 2 == 0){
document.getElementById('playerDisplay').innerHTML= "X Plays " + printEquation(1);
piece.innerHTML = 'X';
window.setInterval("X", 10000)
piece.style.color = "red";
if(piece.innerHTML == 'X')
window.alert("X WINS!");
}
else {
document.getElementById('playerDisplay').innerHTML= "O Plays " + printEquation(1);
piece.innerHTML = 'O';
piece.style.color = "brown";
//document.getElementById('playerDisplay').innerHTML = "O Plays";
//win = winner();
}
turn+=1;
}
的html代码:
<div id="board">
<div class="topLeftSquare" onclick="playerMove(this)">
</div>
<div class="topMiddleSquare" onclick="playerMove(this)">
</div>
<div class="topRightSquare" onclick="playerMove(this)">
</div>
</div>
你可以提供一些你的HTML的呢?以及如何/何时调用'playerMove(piece)' –
我建议您使用并更新一个数组,描述哪里有'X','Os'以及哪里有空白点。经过五轮或更多的运行循环后,每回合后检查所有8个选项的胜利(它会很快)。 – zehelvion
这是你的所有代码?此外,这不是寻求关于编程的建议的最佳地点。我可能在这里错了,但我会建议http://programmers.stackexchange.com/如果你正在寻找更多的通用建议 –