html、css、JavaScriptを使って三目並べゲームを書いています。.htmlファイルに参照されている外部.jsファイルのJavaScriptがあります。.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>