我正在使用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/如果你正在尋找更多的通用建議 –