Jogo da velha detalhado com pontuação's game

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

No:21239

←

Prev Next

→

Jogo da velha detalhado com pontuação
Developer User9365｜Date and time 23/10/14 7:08:59
Build time 73.712 sec｜Game capacity 3.336KB｜

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>
    table {
      width: 300px;
      height: 300px;
      margin: 0 auto;
      border-collapse: collapse;
    }

td {
      width: 100px;
      height: 100px;
      text-align: center;
      font-size: 48px;
      font-weight: bold;
      border: 2px solid black;
      cursor: pointer;
    }

#reset {
      margin-top: 20px;
      text-align: center;
    }
  </style>
</head>
<body>
  <table>
    <tr>
      <td onclick="makeMove(0, 0)"></td>
      <td onclick="makeMove(0, 1)"></td>
      <td onclick="makeMove(0, 2)"></td>
    </tr>
    <tr>
      <td onclick="makeMove(1, 0)"></td>
      <td onclick="makeMove(1, 1)"></td>
      <td onclick="makeMove(1, 2)"></td>
    </tr>
    <tr>
      <td onclick="makeMove(2, 0)"></td>
      <td onclick="makeMove(2, 1)"></td>
      <td onclick="makeMove(2, 2)"></td>
    </tr>
  </table>

<div id="reset">
    <button onclick="resetGame()">Reiniciar Jogo</button>
  </div>
  
  <script>
    var grid = [
      ["", "", ""],
      ["", "", ""],
      ["", "", ""]
    ];
    var currentPlayer = "X";
    var gameEnded = false;
    var xScore = 0;
    var oScore = 0;

function makeMove(row, col) {
      if (grid[row][col] === "" && !gameEnded) {
        grid[row][col] = currentPlayer;
        document.getElementsByTagName("td")[row * 3 + col].innerHTML = currentPlayer;

if (checkWin()) {
          alert("Jogador " + currentPlayer + " venceu!");
          gameEnded = true;
          currentPlayer === "X" ? xScore++ : oScore++;
          updateScore();
        } else if (checkTie()) {
          alert("Empate!");
          gameEnded = true;
        } else {
          currentPlayer = currentPlayer === "X" ? "O" : "X";
        }
      }
    }

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

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

return false;
    }

function resetGame() {
      grid = [
        ["", "", ""],
        ["", "", ""],
        ["", "", ""]
      ];
      currentPlayer = "X";
      gameEnded = false;

var tds = document.getElementsByTagName("td");
      for (var i = 0; i < tds.length; i++) {
        tds[i].innerHTML = "";
      }
    }

function updateScore() {
      document.getElementById("reset").innerHTML = "Placar - Jogador X: " + xScore + " / Jogador O: " + oScore + " <button onclick='resetGame()'>Reiniciar Jogo</button>";
    }
  </script>
</body>
</html>