AI game creator

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

No:30675

140

←

Prev Next

→

tic tac toes
Developer User14908｜Date and time 23/12/23 18:53:39
Build time 18.693 sec｜Game capacity 4.189KB｜

Script

←

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>
</head>
<body>
    <script>
        // Initialize game variables
        var currentPlayer = "X";
        var gameBoard = [
            [null, null, null],
            [null, null, null],
            [null, null, null]
        ];

// Function to handle a player's move
        function play(row, col) {
            if (gameBoard[row][col] === null) {
                gameBoard[row][col] = currentPlayer;
                checkWin();
                togglePlayer();
            }
        }

// Function to switch players after each move
        function togglePlayer() {
            currentPlayer = currentPlayer === "X" ? "O" : "X";
        }

// Function to check if a player has won
        function checkWin() {
            for (var row = 0; row < 3; row++) {
                if (gameBoard[row][0] === currentPlayer &&
                    gameBoard[row][1] === currentPlayer &&
                    gameBoard[row][2] === currentPlayer) {
                    alert(currentPlayer + " wins!");
                    resetGame();
                }
            }

for (var col = 0; col < 3; col++) {
                if (gameBoard[0][col] === currentPlayer &&
                    gameBoard[1][col] === currentPlayer &&
                    gameBoard[2][col] === currentPlayer) {
                    alert(currentPlayer + " wins!");
                    resetGame();
                }
            }

if (gameBoard[0][0] === currentPlayer &&
                gameBoard[1][1] === currentPlayer &&
                gameBoard[2][2] === currentPlayer) {
                alert(currentPlayer + " wins!");
                resetGame();
            }

if (gameBoard[0][2] === currentPlayer &&
                gameBoard[1][1] === currentPlayer &&
                gameBoard[2][0] === currentPlayer) {
                alert(currentPlayer + " wins!");
                resetGame();
            }

if (isBoardFull) {
                alert("It's a tie!");
                resetGame();
            }
        }

// Function to reset the game
        function resetGame() {
            currentPlayer = "X";
            gameBoard = [
                [null, null, null],
                [null, null, null],
                [null, null, null]
            ];
        }

// Render the game board
        function renderBoard() {
            var boardContainer = document.createElement("div");
            boardContainer.style.display = "inline-block";

for (var row = 0; row < 3; row++) {
                for (var col = 0; col < 3; col++) {
                    var cell = document.createElement("div");
                    cell.style.border = "1px solid black";
                    cell.style.width = "50px";
                    cell.style.height = "50px";
                    cell.style.display = "flex";
                    cell.style.alignItems = "center";
                    cell.style.justifyContent = "center";
                    cell.style.fontSize = "30px";
                    cell.style.cursor = "pointer";

cell.setAttribute("data-row", row);
                    cell.setAttribute("data-col", col);

cell.addEventListener("click", function () {
                        var row = parseInt(this.getAttribute("data-row"));
                        var col = parseInt(this.getAttribute("data-col"));

play(row, col);
                    });

boardContainer.appendChild(cell);
                }
                boardContainer.appendChild(document.createElement("br"));
            }

document.body.appendChild(boardContainer);
        }

// Start the game by rendering the board
        renderBoard();
    </script>
</body>
</html>