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

No:42622

Jogo da velha mas não terá uma máquina será dê 2 j..ALL
Developer User18853｜Date and time 24/2/12 11:15:50
Build time 11.54 sec｜Game capacity 3.41KB｜

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;
        }

.grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 10px;
            margin: 20px auto;
            width: 300px;
        }

.cell {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            background-color: #eee;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Jogo da Velha</h1>
    <div class="grid">
        <div class="cell" id="cell-0" onclick="makeMove(0)"></div>
        <div class="cell" id="cell-1" onclick="makeMove(1)"></div>
        <div class="cell" id="cell-2" onclick="makeMove(2)"></div>
        <div class="cell" id="cell-3" onclick="makeMove(3)"></div>
        <div class="cell" id="cell-4" onclick="makeMove(4)"></div>
        <div class="cell" id="cell-5" onclick="makeMove(5)"></div>
        <div class="cell" id="cell-6" onclick="makeMove(6)"></div>
        <div class="cell" id="cell-7" onclick="makeMove(7)"></div>
        <div class="cell" id="cell-8" onclick="makeMove(8)"></div>
    </div>
    <button onclick="resetGame()">Reiniciar Jogo</button>
    <script>
        var currentPlayer = "X";
        var cells = document.getElementsByClassName("cell");
        var gameOver = false;

function makeMove(cellIndex) {
            if (!gameOver && cells[cellIndex].innerText === "") {
                cells[cellIndex].innerText = currentPlayer;
                cells[cellIndex].style.cursor = "not-allowed";

if (checkWin()) {
                    alert("Jogador " + currentPlayer + " venceu!");
                    gameOver = true;
                    return;
                }

if (checkDraw()) {
                    alert("Empate!");
                    gameOver = true;
                    return;
                }

currentPlayer = currentPlayer === "X" ? "O" : "X";
            }
        }

function checkWin() {
            var 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]
            ];

for (var i = 0; i < winningCombinations.length; i++) {
                var combination = winningCombinations[i];
                var a = combination[0];
                var b = combination[1];
                var c = combination[2];

if (cells[a].innerText !== "" && cells[a].innerText === cells[b].innerText && cells[a].innerText === cells[c].innerText) {
                    return true;
                }
            }

return false;
        }

function checkDraw() {
            for (var i = 0; i < cells.length; i++) {
                if (cells[i].innerText === "") {
                    return false;
                }
            }

return true;
        }

function resetGame() {
            for (var i = 0; i < cells.length; i++) {
                cells[i].innerText = "";
                cells[i].style.cursor = "pointer";
            }

currentPlayer = "X";
            gameOver = false;
        }
    </script>
</body>
</html>