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

No:21167

5593

←

Prev Next

→

Jogo da velha com ia E com tela de início e config..ALL
Developer anonymous｜Date and time 70/1/1 10:31:08
Build time unknown sec｜Game capacity 5.468KB｜

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 {
            background-color: blue;
            font-family: Arial, sans-serif;
            text-align: center;
        }

h1 {
            color: #333;
        }

.board {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            margin: 20px auto;
            width: 300px;
            height: 300px;
            border: 1px solid #CCC;
            background-color: pink;
        }

.cell {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 33.33%;
            height: 33.33%;
            border: 1px solid #CCC;
            font-size: 48px;
            cursor: pointer;
        }

.cell:hover {
            background-color: lightblue;
        }

.reset-button {
            display: none;
            padding: 10px 20px;
            border-radius: 5px;
            border: none;
            font-size: 16px;
            text-transform: uppercase;
            background-color: #333;
            color: #FFF;
            cursor: pointer;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Jogo da Velha</h1>
    
    <div class="board"></div>
    <button class="reset-button">Reiniciar</button>

const playerSymbol = "X";
            const computerSymbol = "O";
            let currentPlayer = playerSymbol;
            let gameOver = false;

// Função para verificar se algum jogador ganhou
            function checkWinner(symbol) {
                const winningCombinations = [
                    [0, 1, 2],
                    [3, 4, 5],
                    [6, 7, 8],
                    [0, 3, 6],
                    [1, 4, 7],
                    [2, 5, 8],
                    [0, 4, 8],
                    [2, 4, 6]
                ];

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

// Função para marcar a jogada do jogador
            function makeMove(cell, symbol) {
                cell.textContent = symbol;
                cell.style.cursor = "not-allowed";
                cell.classList.add("occupied");
            }

// Função para marcar a jogada do computador
            function computerMove() {
                let randomIndex;
                do {
                    randomIndex = Math.floor(Math.random() * 9);
                } while (cells[randomIndex].classList.contains("occupied"));

makeMove(cells[randomIndex], computerSymbol);
                currentPlayer = playerSymbol;
                resetButton.style.display = "none";
                checkGameStatus();
            }

// Função para verificar o status do jogo
            function checkGameStatus() {
                if (checkWinner(playerSymbol)) {
                    setTimeout(() => {
                        alert("Jogador venceu!");
                        resetGame();
                    }, 300);

} else if (checkWinner(computerSymbol)) {
                    setTimeout(() => {
                        alert("Computador venceu!");
                        resetGame();
                    }, 300);

} else if (cells.every(cell => cell.classList.contains("occupied"))) {
                    setTimeout(() => {
                        alert("Empate!");
                        resetGame();
                    }, 300);

} else {
                    if (currentPlayer === playerSymbol) {
                        resetButton.style.display = "block";
                    } else {
                        computerMove();
                    }
                }
            }

// Função para reiniciar o jogo
            function resetGame() {
                currentPlayer = playerSymbol;
                gameOver = false;
                resetButton.style.display = "none";
                cells.forEach(cell => {
                    cell.textContent = "";
                    cell.style.cursor = "pointer";
                    cell.classList.remove("occupied");
                });
            }

// Adiciona Event Listeners para cada célula
            cells.forEach(cell => {
                cell.addEventListener("click", function() {
                    if (!cell.classList.contains("occupied") && currentPlayer === playerSymbol) {
                        makeMove(cell, playerSymbol);
                        currentPlayer = computerSymbol;
                        checkGameStatus();
                    }
                });
            });

// Event Listener para reiniciar o jogo
            resetButton.addEventListener("click", resetGame);
        });
    </script>
</body>
</html>