Click here for free DL of the app version that can save data.

No:42132

58

def print_board(board): for row in board: ..ALL
Developer User18810｜Date and time 24/2/10 19:46:50
Build time 7.895 sec｜Game capacity 2.521KB｜

Tic Tac Toe

→ 　

0　

0　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Tic Tac Toe</title>
</head>
<body>
    <h1>Tic Tac Toe</h1>
    <table id="board">
        <tr>
            <td onclick="makeMove(0, 0)"></td>
            <td onclick="makeMove(0, 1)"></td>
            <td onclick="makeMove(0, 2)"></td>
        </tr>
        <tr>
            <td onclick="makeMove(1, 0)"></td>
            <td onclick="makeMove(1, 1)"></td>
            <td onclick="makeMove(1, 2)"></td>
        </tr>
        <tr>
            <td onclick="makeMove(2, 0)"></td>
            <td onclick="makeMove(2, 1)"></td>
            <td onclick="makeMove(2, 2)"></td>
        </tr>
    </table>
    <script>
        var board = [['', '', ''], ['', '', ''], ['', '', '']];
        var currentPlayer = 'X';
        var gameOver = false;

function makeMove(row, col) {
            if (board[row][col] === '' && !gameOver) {
                board[row][col] = currentPlayer;
                document.getElementById('board').rows[row].cells[col].innerText = currentPlayer;
                
                if (checkWinner(board, currentPlayer)) {
                    alert(currentPlayer + ' wins!');
                    gameOver = true;
                }
                else if (checkDraw(board)) {
                    alert('It\'s a draw!');
                    gameOver = true;
                }
                else {
                    currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                }
            }
        }

function checkWinner(board, player) {
            for (var i = 0; i < 3; i++) {
                if (board[i][0] === player && board[i][1] === player && board[i][2] === player) {
                    return true;
                }
                if (board[0][i] === player && board[1][i] === player && board[2][i] === player) {
                    return true;
                }
            }
            if (board[0][0] === player && board[1][1] === player && board[2][2] === player) {
                return true;
            }
            if (board[2][0] === player && board[1][1] === player && board[0][2] === player) {
                return true;
            }
            return false;
        }

function checkDraw(board) {
            for (var i = 0; i < 3; i++) {
                for (var j = 0; j < 3; j++) {
                    if (board[i][j] === '') {
                        return false;
                    }
                }
            }
            return true;
        }
    </script>
</body>
</html>