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

No:24120

←

Prev Next

→

tic tac toe
Developer User11298｜Date and time 23/11/6 1:31:01
Build time 88.93 sec｜Game capacity 4.236KB｜

Script

Sure! Here's an example of a Tic Tac Toe game implemented as a single HTML file using JavaScript:

Tic Tac Toe

To play the game, you can open this HTML file in a web browser on your smartphone. The game will display a Tic Tac Toe board with clickable cells represented by pictograms. The first player is "X" and the second player is "O." Players take turns clicking on the cells to make their move. The game checks for a win or a draw after each move. Once a game is finished, an alert will be displayed, and the board will be reset for a new game. Enjoy playing Tic Tac Toe on your smartphone!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a Tic Tac Toe game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Tic Tac Toe</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

.board {
            display: flex;
            flex-wrap: wrap;
            max-width: 300px;
            margin: 0 auto;
            margin-top: 50px;
        }

.cell {
            width: 100px;
            height: 100px;
            border: 1px solid black;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Tic Tac Toe</h1>
    <div id="board" class="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>

function makeMove(row, col) {
            if (board[row][col] === "") {
                board[row][col] = currentPlayer;
                document.getElementById("board").children[row * 3 + col].innerHTML = currentPlayer;

if (checkWin()) {
                    alert("Player " + currentPlayer + " wins!");
                    resetBoard();
                    return;
                }

if (checkDraw()) {
                    alert("It's a draw!");
                    resetBoard();
                    return;
                }

currentPlayer = currentPlayer === "X" ? "O" : "X";
            }
        }

function checkWin() {
            // Check rows
            for (let i = 0; i < 3; i++) {
                if (board[i][0] !== "" && board[i][0] === board[i][1] && board[i][1] === board[i][2]) {
                    return true;
                }
            }

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

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

return false;
        }

return true;
        }

function resetBoard() {
            currentPlayer = "X";
            board = [
                ["", "", ""],
                ["", "", ""],
                ["", "", ""]
            ];

const cells = document.getElementsByClassName("cell");
            for (let i = 0; i < cells.length; i++) {
                cells[i].innerHTML = "";
            }
        }
    </script>
</body>
</html>
```