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

No:37006

117

←

Prev Next

→

Tik tak goe
Developer User16945｜Date and time 24/1/19 19:48:31
Build time 15.191 sec｜Game capacity 3.905KB｜

Script

Sure! Here's a simple game called "Tik Tak Goe" implemented as a single HTML file using JavaScript. The game can be played on a smartphone and uses pictograms for a better visual experience.

Tik Tak Goe

To play the game, you can copy the above code into a new HTML file, save it with a `.html` extension, and open it in a web browser (preferably on a smartphone). The game will display a 3x3 game board with empty cells represented by squares. Players can click on each cell to mark their moves with "X" and "O" alternately. The game will automatically detect winning combinations and display an alert when a player wins or when it's a draw. You can reset the game by refreshing the page. Enjoy playing "Tik Tak Goe"!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple game called "Tik Tak Goe" implemented as a single HTML file using JavaScript. The game can be played on a smartphone and uses pictograms for a better visual experience.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tik Tak Goe</title>
    <style>
        body {
            font-size: 50px;
            text-align: center;
        }
        .game-board {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 20px;
        }
        .game-board div {
            width: 100px;
            height: 100px;
            border: 2px solid #ccc;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 80px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Tik Tak Goe</h1>
    <div class="game-board">
        <div onclick="playMove(0)"></div>
        <div onclick="playMove(1)"></div>
        <div onclick="playMove(2)"></div>
        <div onclick="playMove(3)"></div>
        <div onclick="playMove(4)"></div>
        <div onclick="playMove(5)"></div>
        <div onclick="playMove(6)"></div>
        <div onclick="playMove(7)"></div>
        <div onclick="playMove(8)"></div>
    </div>

function playMove(index) {
            // Check if the selected position is empty
            if (gameBoard[index] === "") {
                // Update game board and display on the screen
                gameBoard[index] = currentPlayer;
                document.getElementsByClassName("game-board")[0].children[index].innerText = currentPlayer;

// Check if the current player wins
                if (checkWin(currentPlayer)) {
                    alert(currentPlayer + " wins!");
                    resetGame();
                    return;
                }

// Check if it's a draw
                if (checkDraw()) {
                    alert("It's a draw!");
                    resetGame();
                    return;
                }

// Switch to the next player
                currentPlayer = currentPlayer === "X" ? "O" : "X";
            }
        }

function checkWin(player) {
            const winningCombos = [
                [0, 1, 2],
                [3, 4, 5],
                [6, 7, 8],
                [0, 3, 6],
                [1, 4, 7],
                [2, 5, 8],
                [0, 4, 8],
                [2, 4, 6]
            ];

for (let combo of winningCombos) {
                if (
                    gameBoard[combo[0]] === player &&
                    gameBoard[combo[1]] === player &&
                    gameBoard[combo[2]] === player
                ) {
                    return true;
                }
            }

return false;
        }

function checkDraw() {
            return !gameBoard.includes("");
        }

function resetGame() {
            currentPlayer = "X";
            gameBoard = ["", "", "", "", "", "", "", "", ""];

const cells = Array.from(document.getElementsByClassName("game-board")[0].children);
            for (let cell of cells) {
                cell.innerText = "";
            }
        }
    </script>
</body>
</html>
```