Tic TAC toe with Nine squares making a square,with cake color background,with achievements 🏆 and the squares no go to down when It IS touched's game

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

No:50961

112

←

Prev Next

→

Tic TAC toe with Nine squares making a square,with..ALL
Developer User21444｜Date and time 24/3/10 11:03:59
Build time 6.042 sec｜Game capacity 2.498KB｜

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>
        // Implementación del juego Tic Tac Toe

let currentPlayer = 'X';
        let board = ['', '', '', '', '', '', '', '', ''];
        let gameWon = false;

const 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]) {
                    return true;
                }
            }

return false;
        };

const handleMove = (index) => {
            if (board[index] === '' && !gameWon) {
                board[index] = currentPlayer;

if (checkWinner()) {
                    alert(`Player ${currentPlayer} wins!`);
                    gameWon = true;
                } else {
                    currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                }
            }
        };

// Dibujar la cuadricula del juego
        const drawBoard = () => {
            const container = document.createElement('div');
            container.style.display = 'grid';
            container.style.gridTemplateColumns = 'auto auto auto';
            container.style.width = '300px';
            container.style.margin = 'auto';
            
            for (let i = 0; i < 9; i++) {
                const cell = document.createElement('div');
                cell.style.width = '100px';
                cell.style.height = '100px';
                cell.style.display = 'flex';
                cell.style.alignItems = 'center';
                cell.style.justifyContent = 'center';
                cell.style.fontSize = '40px';
                cell.style.border = '1px solid black';
                cell.style.backgroundColor = '#FFD700'; // Color del pastel
                cell.style.cursor = 'pointer';

cell.addEventListener('click', () => {
                    handleMove(i);
                    cell.innerHTML = board[i];
                });

container.appendChild(cell);
            }

document.body.appendChild(container);
        };

drawBoard();
    </script>
</body>
</html>