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

No:21236

←

Prev Next

→

Jogo da velha
Developer User9365｜Date and time 23/10/14 7:02:18
Build time 56.719 sec｜Game capacity 3.162KB｜

Script

Jogo da Velha

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo da Velha</title>
    <style>
        body {
            text-align: center;
        }

.game-board {
            display: inline-block;
            margin-top: 50px;
        }

.cell {
            width: 100px;
            height: 100px;
            font-size: 36px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border: 1px solid black;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Jogo da Velha</h1>

// Adiciona o evento de clique para cada célula do jogo
        cells.forEach(cell => cell.addEventListener('click', handleClick));

function handleClick(event) {
            const clickedCell = event.target;
            const clickedCellIndex = cells.indexOf(clickedCell);

// Verifica se a célula já está marcada ou se o jogo já terminou
            if (clickedCell.textContent !== "" || !gameActive) {
                return;
            }

// Marca a célula para o jogador atual
            clickedCell.textContent = currentPlayer;

// Verifica se um jogador ganhou
            if (checkWin()) {
                document.getElementById("message").textContent = "Jogador " + currentPlayer + " ganhou!";
                gameActive = false;
                return;
            }

// Verifica se ocorreu um empate
            if (checkDraw()) {
                document.getElementById("message").textContent = "O jogo terminou em empate!";
                gameActive = false;
                return;
            }

// Alterna para o próximo jogador
            currentPlayer = currentPlayer === "X" ? "O" : "X";
        }

function checkWin() {
            // Combinações vencedoras
            const winningCombinations = [
                [0, 1, 2], [3, 4, 5], [6, 7, 8], // Linhas
                [0, 3, 6], [1, 4, 7], [2, 5, 8], // Colunas
                [0, 4, 8], [2, 4, 6] // Diagonais
            ];

for (let combination of winningCombinations) {
                const [a, b, c] = combination;

if (cells[a].textContent === currentPlayer &&
                    cells[b].textContent === currentPlayer &&
                    cells[c].textContent === currentPlayer) {
                    return true;
                }
            }

return false;
        }

function checkDraw() {
            return cells.every(cell => cell.textContent !== "");
        }
    </script>
</body>
</html>