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

No:37707

←

Prev Next

→

tic tac toe
Developer User16826｜Date and time 24/1/21 12:26:57
Build time 11.32 sec｜Game capacity 2.984KB｜

Script

Sure! Here's a simple implementation of Tic Tac Toe as a single HTML file using JavaScript:

Tic Tac Toe

This code will create a Tic Tac Toe game that can be played on a smartphone. Pictograms can be added instead of X and O symbols by replacing the text in the cells with appropriate icons using CSS.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of Tic Tac Toe as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tic Tac Toe</title>
    <style>
        .cell {
            width: 100px;
            height: 100px;
            display: inline-block;
            border: 1px solid black;
            text-align: center;
            vertical-align: middle;
            font-size: 48px;
        }
    </style>
</head>
<body>
    <h1>Tic Tac Toe</h1>
    <div id="board">
        <div class="cell" onclick="makeMove(0)"></div>
        <div class="cell" onclick="makeMove(1)"></div>
        <div class="cell" onclick="makeMove(2)"></div>
        <br>
        <div class="cell" onclick="makeMove(3)"></div>
        <div class="cell" onclick="makeMove(4)"></div>
        <div class="cell" onclick="makeMove(5)"></div>
        <br>
        <div class="cell" onclick="makeMove(6)"></div>
        <div class="cell" onclick="makeMove(7)"></div>
        <div class="cell" onclick="makeMove(8)"></div>
    </div>
    <script>
        // Game state
        let board = ["", "", "", "", "", "", "", "", ""];
        let currentPlayer = "X";

// Utility function to check if the game is over
        function isGameOver() {
            // Check rows
            for (let i = 0; i < 9; i += 3) {
                if (board[i] !== "" && board[i] === board[i + 1] && board[i] === board[i + 2]) {
                    return true;
                }
            }

// Check columns
            for (let i = 0; i < 3; i++) {
                if (board[i] !== "" && board[i] === board[i + 3] && board[i] === board[i + 6]) {
                    return true;
                }
            }

// Check diagonals
            if (board[0] !== "" && board[0] === board[4] && board[0] === board[8]) {
                return true;
            }
            if (board[2] !== "" && board[2] === board[4] && board[2] === board[6]) {
                return true;
            }

// Check if there are any empty cells
            return !board.includes("");
        }

// Function to make a move
        function makeMove(index) {
            if (board[index] === "" && !isGameOver()) {
                board[index] = currentPlayer;
                document.getElementsByClassName("cell")[index].innerText = currentPlayer;

if (isGameOver()) {
                    alert("Game Over! Player " + currentPlayer + " wins!");
                } else if (!board.includes("")) {
                    alert("Game Over! It's a draw!");
                }

currentPlayer = (currentPlayer === "X") ? "O" : "X";
            } else {
                alert("Invalid move!");
            }
        }
    </script>
</body>
</html>
```

This code will create a Tic Tac Toe game that can be played on a smartphone. Pictograms can be added instead of X and O symbols by replacing the text in the cells with appropriate icons using CSS.