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

No:31822

Tic-tac-toe using pictograms
Developer User15232｜Date and time 23/12/28 12:27:26
Build time 30.643 sec｜Game capacity 3.273KB｜

Script

Tic-Tac-Toe

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Tic-Tac-Toe</title>
    <style>
        .cell {
            width: 100px;
            height: 100px;
            border: 1px solid #000;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 50px;
        }
    </style>
</head>
<body>
    <h1>Tic-Tac-Toe</h1>
    <div id="board">
        <div class="cell" onclick="makeMove(0, 0)"></div>
        <div class="cell" onclick="makeMove(0, 1)"></div>
        <div class="cell" onclick="makeMove(0, 2)"></div>
        <div class="cell" onclick="makeMove(1, 0)"></div>
        <div class="cell" onclick="makeMove(1, 1)"></div>
        <div class="cell" onclick="makeMove(1, 2)"></div>
        <div class="cell" onclick="makeMove(2, 0)"></div>
        <div class="cell" onclick="makeMove(2, 1)"></div>
        <div class="cell" onclick="makeMove(2, 2)"></div>
    </div>
    <button onclick="resetBoard()">Reset</button>
    <script>
        let currentPlayer = "X";
        let gameBoard = [[null, null, null], [null, null, null], [null, null, null]];

function checkDraw() {
            for (let row of gameBoard) {
                for (let cell of row) {
                    if (cell === null) {
                        return false;
                    }
                }
            }
            return true;
        }

function resetBoard() {
            currentPlayer = "X";
            gameBoard = [[null, null, null], [null, null, null], [null, null, null]];
            let cells = document.getElementsByClassName("cell");
            for (let cell of cells) {
                cell.innerText = "";
            }
        }
    </script>
</body>
</html>