Jogo da velha detalhado's game

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

No:21237

←

Prev Next

→

Jogo da velha detalhado
Developer User9365｜Date and time 23/10/14 7:04:17
Build time 72.331 sec｜Game capacity 3.891KB｜

Script

←

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>
        #game-board {
            border: 1px solid black;
            margin: 10px auto;
            width: 300px;
            height: 300px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(3, 1fr);
        }

.cell {
            border: 1px solid black;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 40px;
        }

.cell:hover {
            background-color: #ccc;
            cursor: pointer;
        }

#message {
            margin-top: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 26px;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div class="cell" onclick="makeMove(0, 0)"></div>
        <div class="cell" onclick="makeMove(0, 1)"></div>
        <div class="cell" onclick="makeMove(0, 2)"></div>
        <div class="cell" onclick="makeMove(1, 0)"></div>
        <div class="cell" onclick="makeMove(1, 1)"></div>
        <div class="cell" onclick="makeMove(1, 2)"></div>
        <div class="cell" onclick="makeMove(2, 0)"></div>
        <div class="cell" onclick="makeMove(2, 1)"></div>
        <div class="cell" onclick="makeMove(2, 2)"></div>
    </div>
    <div id="message"></div>

// Função para realizar uma jogada
        function makeMove(row, col) {
            if (!gameFinished && board[row][col] === "") {
                board[row][col] = currentPlayer;
                document.getElementById("message").innerText = "Vez do jogador: " + currentPlayer;
                document.getElementById("game-board").children[row * 3 + col].innerText = currentPlayer;

if (checkWin()) {
                    document.getElementById("message").innerText = "Jogador " + currentPlayer + " venceu!";
                    gameFinished = true;
                } else if (checkTie()) {
                    document.getElementById("message").innerText = "O jogo empatou!";
                    gameFinished = true;
                } else {
                    currentPlayer = (currentPlayer === "X") ? "O" : "X";
                }
            }
        }

// Função para verificar se há um vencedor
        function checkWin() {
            // Checar linhas
            for (var i = 0; i < 3; i++) {
                if (board[i][0] === currentPlayer && board[i][1] === currentPlayer && board[i][2] === currentPlayer) {
                    return true;
                }
            }

// Checar colunas
            for (var j = 0; j < 3; j++) {
                if (board[0][j] === currentPlayer && board[1][j] === currentPlayer && board[2][j] === currentPlayer) {
                    return true;
                }
            }

// Checar diagonais
            if (board[0][0] === currentPlayer && board[1][1] === currentPlayer && board[2][2] === currentPlayer) {
                return true;
            }

if (board[0][2] === currentPlayer && board[1][1] === currentPlayer && board[2][0] === currentPlayer) {
                return true;
            }

return false;
        }

// Função para verificar empate
        function checkTie() {
            for (var i = 0; i < 3; i++) {
                for (var j = 0; j < 3; j++) {
                    if (board[i][j] === "") {
                        return false; // Ainda há células vazias
                    }
                }
            }
            return true; // Todas as células estão preenchidas
        }
    </script>
</body>
</html>