Gato's game | AI game creator

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

No:17654

60

Gato
Developer User7754｜Date and time 23/9/24 6:16:32
Build time 27.733 sec｜Game capacity 3.582KB｜

¡Claro! Aquí tienes un ejemplo de un juego de Gato (Tres en Raya) implementado en un solo archivo HTML usando JavaScript y pictogramas:

Puedes copiar y pegar este código en un archivo HTML para jugar al Gato en tu teléfono inteligente. ¡Diviértete jugando!

→ 　

0　

0　

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

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

(C)2023 HisashiApp

¡Claro! Aquí tienes un ejemplo de un juego de Gato (Tres en Raya) implementado en un solo archivo HTML usando JavaScript y pictogramas:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Gato</title>
    <style>
        .board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
        }
        
        .cell {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100px;
            height: 100px;
            border: 2px solid black;
            font-size: 60px;
        }
        
        .button {
            margin-top: 10px;
            padding: 10px;
            font-size: 18px;
        }
        
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <div class="board"></div>
    <button class="button hidden">Reiniciar</button>

<script>
        // Pictogramas para los jugadores
        const players = {
            X: '❌',
            O: '⭕️'
        };
        
        // Estado del tablero
        let board = ['', '', '', '', '', '', '', '', ''];
        
        // Turno actual
        let currentPlayer = 'X';
        
        // Obtener elementos del DOM
        const boardEl = document.querySelector('.board');
        const restartBtn = document.querySelector('.button');
        
        // Renderizar el tablero
        function renderBoard() {
            boardEl.innerHTML = '';
            
            for (let i = 0; i < 9; i++) {
                const cell = document.createElement('div');
                cell.classList.add('cell');
                
                cell.addEventListener('click', () => {
                    if (board[i] === '' && currentPlayer !== '') {
                        board[i] = currentPlayer;
                        renderBoard();
                        checkWinner();
                        currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                    }
                });
                
                cell.textContent = players[board[i]];
                boardEl.appendChild(cell);
            }
        }
        
        // Reiniciar el juego
        function restart() {
            board = ['', '', '', '', '', '', '', '', ''];
            currentPlayer = 'X';
            renderBoard();
            restartBtn.classList.add('hidden');
        }
        
        // Verificar si hay un ganador
        function checkWinner() {
            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) {
                const [a, b, c] = combo;
                
                if (board[a] !== '' && board[a] === board[b] && board[a] === board[c]) {
                    currentPlayer = '';
                    restartBtn.classList.remove('hidden');
                    break;
                }
            }
            
            if (!board.includes('')) {
                currentPlayer = '';
                restartBtn.classList.remove('hidden');
            }
        }
        
        // Iniciar el juego
        renderBoard();
        restartBtn.addEventListener('click', restart);
    </script>
</body>
</html>
```

Puedes copiar y pegar este código en un archivo HTML para jugar al Gato en tu teléfono inteligente. ¡Diviértete jugando!