Tic Tac Toe's game | AI game creator

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

No:28771

47

Tic Tac Toe
Developer User13367｜Date and time 23/12/14 5:44:46
Build time 33.182 sec｜Game capacity 2.617KB｜

→ 　

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>
    <style>
        td {
            width: 80px;
            height: 80px;
            text-align: center;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <table>
        <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 (!gameOver && board[row][col] === '') {
                board[row][col] = currentPlayer;
                document.getElementsByTagName('td')[row * 3 + col].innerHTML = currentPlayer;
                if (checkWin(currentPlayer)) {
                    alert(currentPlayer + " ganhou!");
                    gameOver = true;
                } else if (checkFullBoard()) {
                    alert("Empate!");
                    gameOver = true;
                } else {
                    currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                }
            }
        }

function checkWin(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[0][2] === player && board[1][1] === player && board[2][0] === player) {
                return true;
            }
            return false;
        }

function checkFullBoard() {
            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>