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

No:52310

112

←

Prev Next

→

Make a tic tac toe game with two options with mult..ALL
Developer User21839｜Date and time 24/3/20 12:47:19
Build time 8.934 sec｜Game capacity 2.515KB｜

Script

Tic Tac Toe Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tic Tac Toe ! </title>
    <style>
        . Circle {
            width: 100px;
            height: 100px;
            display: inline-block;
            border: 1px solid black;
            font-size: 2.5em;
            text-align: center;
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <h1>Tic Tac Toe Game</h1>
    <div id="board">
        <div class="box" onclick="makeMove(0)"></div>
        <div class="box" onclick="makeMove(1)"></div>
        <div class="box" onclick="makeMove(2)"></div>
        <br>
        <div class="box" onclick="makeMove(3)"></div>
        <div class="box" onclick="makeMove(4)"></div>
        <div class="box" onclick="makeMove(5)"></div>
        <br>
        <div class="box" onclick="makeMove(6)"></div>
        <div class="box" onclick="makeMove(7)"></div>
        <div class="box" onclick="makeMove(8)"></div>
    </div>
    
    <script>
        let board = ['', '', '', '', '', '', '', '', ''];
        let currentPlayer = 'X';
        let gameOver = false;
        
        const checkWinner = () => {
            const possibleWins = [
                [0, 1, 2], [3, 4, 5], [6, 7, 8], // rows
                [0, 3, 6], [1, 4, 7], [2, 5, 8], // columns
                [0, 4, 8], [2, 4, 6]             // diagonals
            ];
            
            for (const win of possibleWins) {
                const [a, b, c] = win;
                if (board[a] && board[a] === board[b] && board[a] === board[c]) {
                    return board[a];
                }
            }
            
            if (board.every(cell => cell !== '')) {
                return 'tie';
            }
            
            return null;
        };
        
        const showGameOver = (winner) => {
            gameOver = true;
            alert(winner === 'tie' ? 'It\'s a tie!' : `Player ${winner} wins!`);
        };