Play Tic Tac Toe Online - Free HTML Game
<!DOCTYPE html>
<html>
<head>
<title>Tic Tac Toe</title>
</head>
<body>
<h1>Tic Tac Toe</h1>
<h3 id='turn'>Player 1's turn</h3>
<table>
<tr>
<td id='cell_0_0' onclick='makeMove(0, 0);'></td>
<td id='cell_0_1' onclick='makeMove(0, 1);'></td>
<td id='cell_0_2' onclick='makeMove(0, 2);'></td>
</tr>
<tr>
<td id='cell_1_0' onclick='makeMove(1, 0);'></td>
<td id='cell_1_1' onclick='makeMove(1, 1);'></td>
<td id='cell_1_2' onclick='makeMove(1, 2);'></td>
</tr>
<tr>
<td id='cell_2_0' onclick='makeMove(2, 0);'></td>
<td id='cell_2_1' onclick='makeMove(2, 1);'></td>
<td id='cell_2_2' onclick='makeMove(2, 2);'></td>
</tr>
</table>
<script>
var grid = [
[null, null, null],
[null, null, null],
[null, null, null]
];
var playerTurn = 1;
function makeMove(row, column) {
if (grid[row][column] === null) {
grid[row][column] = playerTurn;
document.getElementById('cell_' + row + '_' + column).innerHTML = playerTurn;
if (playerTurn === 1) {
playerTurn = 2;
document.getElementById('turn').innerHTML = 'Player 2's turn';
} else {
playerTurn = 1;
document.getElementById('turn').innerHTML = 'Player 1's turn';
}
}
}
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/lnnw 著作权归作者所有。请勿转载和采集!