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

No:42620

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

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>
  <meta charset="UTF-8">
  <title>Jogo da Velha</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

h1 {
      margin-top: 50px;
    }

.board {
      margin: auto;
      width: 300px;
      height: 300px;
      display: flex;
      flex-wrap: wrap;
      border: 1px solid black;
    }

.cell {
      width: 100px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 60px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Jogo da Velha</h1>
  <div class="board">
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
  </div>

// Tabuleiro
    const board = [];

// Selecionar todas as células
    const cells = document.querySelectorAll(".cell");

// Adicionar um evento de clique a cada célula
    cells.forEach(cell => {
      cell.addEventListener("click", handleClick, { once: true });
    });

// Função chamada quando uma célula é clicada
    function handleClick(event) {
      // Obter a célula clicada
      const cell = event.target;

// Marcar a célula com o jogador atual
      cell.textContent = currentPlayer;

// Adicionar a célula ao tabuleiro
      const cellIndex = [...cells].indexOf(cell);
      board[cellIndex] = currentPlayer;

// Verificar se o jogador atual ganhou
      if (checkWin(currentPlayer)) {
        setTimeout(() => {
          alert("Jogador " + currentPlayer + " venceu!");
          resetGame();
        }, 100);
        return;
      }

// Verificar se houve empate
      if (isTie()) {
        setTimeout(() => {
          alert("Empate!");
          resetGame();
        }, 100);
        return;
      }

// Alternar o jogador atual
      currentPlayer = currentPlayer === "X" ? "O" : "X";
    }

// Função para verificar se algum jogador venceu
    function checkWin(player) {
      const winCombinations = [
        [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 winCombinations.some(combination => {
        return combination.every(index => {
          return board[index] === player;
        });
      });
    }

// Função para verificar se houve empate
    function isTie() {
      return [...cells].every(cell => {
        return cell.textContent !== "";
      });
    }

// Função para reiniciar o jogo
    function resetGame() {
      board.length = 0;
      currentPlayer = "X";
      cells.forEach(cell => {
        cell.textContent = "";
      });
    }
  </script>
</body>
</html>