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

No:42623

Um jogo da velha que tem como jogar com amigos usa..ALL
Developer User18853｜Date and time 24/2/12 11:16:24
Build time 9.661 sec｜Game capacity 3.522KB｜

Script

Jogo da Velha

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jogo da Velha</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #board {
            margin: 20px auto;
            display: flex;
            flex-wrap: wrap;
            width: 300px;
        }
        .cell {
            width: 100px;
            height: 100px;
            font-size: 72px;
            border: 2px solid #000;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Jogo da Velha</h1>
    <div id="board"></div>
    <script>
        // Cria o tabuleiro do jogo
        const boardElement = document.getElementById('board');
        const cells = [];
        const boardSize = 3;

for (let i = 0; i < boardSize; i++) {
            for (let j = 0; j < boardSize; j++) {
                const cell = document.createElement('div');
                cell.className = 'cell';
                cell.dataset.row = i;
                cell.dataset.col = j;
                cells.push(cell);
                boardElement.appendChild(cell);
            }
        }

// Variáveis para controle do jogo
        let currentPlayer = 'X';
        let gameEnded = false;

// Função que verifica se houve vencedor
        function checkWinner() {
            const rows = Array.from({ length: boardSize }, () => Array(boardSize).fill(''));
            const cols = Array.from({ length: boardSize }, () => Array(boardSize).fill(''));
            let diagonals = [
                Array(boardSize).fill(''),
                Array(boardSize).fill('')
            ];

for (const cell of cells) {
                const row = parseInt(cell.dataset.row);
                const col = parseInt(cell.dataset.col);
                const cellContent = cell.textContent;

rows[row][col] = cellContent;
                cols[col][row] = cellContent;
                if (row === col) {
                    diagonals[0][row] = cellContent;
                }
                if (row + col === boardSize - 1) {
                    diagonals[1][row] = cellContent;
                }
            }

const linesToCheck = [...rows, ...cols, ...diagonals];
            for (const line of linesToCheck) {
                if (line.every(content => content === currentPlayer)) {
                    return true;
                }
            }
            return false;
        }

// Função que marca um movimento no tabuleiro
        function makeMove(cell) {
            if (!cell.textContent && !gameEnded) {
                cell.textContent = currentPlayer;
                if (checkWinner()) {
                    alert(`Jogador ${currentPlayer} venceu!`);
                    gameEnded = true;
                } else if (cells.every(cell => cell.textContent)) {
                    alert('Empate!');
                    gameEnded = true;
                } else {
                    currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
                }
            }
        }

// Adiciona evento de clique a cada célula do jogo
        for (const cell of cells) {
            cell.addEventListener('click', function() {
                makeMove(this);
            });
        }
    </script>
</body>
</html>