我正在使用 html、css 和 JavaScript 编写井字游戏。我有一个外部 .js 文件中的 JavaScript 被引用到 .html 文件中。在 .js 文件中,我有一个名为 playerMove 的函数,它允许玩家移动并在玩家“x”和“o”之间切换。我要做的是确定获胜者。
这是我所拥有的:每个方块,当 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>