AI game creator

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

No:6497

1672

←

Prev Next

→

Ooxxs game
Developer User3893｜Date and time 23/7/2 15:16:12
Build time 23.87 sec｜Game capacity 3.001KB｜

Script

Sure! Here's an example of a simple Tic-Tac-Toe game implemented as a single HTML file using JavaScript. It can be played on a smartphone. Note that it uses text instead of pictograms for simplicity.

To play the game, simply save the above code as an HTML file (e.g., `game.html`), open it in a web browser, and you will see the Tic-Tac-Toe game board. Click on any cell to place your symbol (`X` or `O`) and take turns with another player. The game will automatically notify you when a player wins or if it's a draw.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's an example of a simple Tic-Tac-Toe game implemented as a single HTML file using JavaScript. It can be played on a smartphone. Note that it uses text instead of pictograms for simplicity.

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        .cell {
            width: 100px;
            height: 100px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            font-size: 48px;
            border: 1px solid black;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="board">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    </div>
    <script>
        // Get all the cells
        const cells = Array.from(document.getElementsByClassName('cell'));

// Initialize the game state
        let currentPlayer = 'X';
        let gameOver = false;

// Add event listeners to each cell
        cells.forEach(cell => {
            cell.addEventListener('click', () => {
                if (!gameOver && cell.textContent === '') {
                    // Update the cell with the current player's symbol
                    cell.textContent = currentPlayer;

// Check for a winner
                    if (checkWin(currentPlayer)) {
                        gameOver = true;
                        alert(currentPlayer + ' wins!');
                    } else if (checkDraw()) {
                        gameOver = true;
                        alert('It\'s a draw!');
                    } else {
                        // Switch to the next player
                        currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                    }
                }
            });
        });

// Helper function to check for a win
        function checkWin(player) {
            const winningCombinations = [
                [0, 1, 2], [3, 4, 5], [6, 7, 8], // Horizontal
                [0, 3, 6], [1, 4, 7], [2, 5, 8], // Vertical
                [0, 4, 8], [2, 4, 6] // Diagonal
            ];

return winningCombinations.some(combination => {
                return combination.every(index =>
                    cells[index].textContent === player
                );
            });
        }

// Helper function to check for a draw
        function checkDraw() {
            return cells.every(cell => cell.textContent !== '');
        }
    </script>
</body>
</html>
```