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

No:50955

Tic TAC toe with square form
Developer User21444｜Date and time 24/3/10 10:59:14
Build time 6.529 sec｜Game capacity 1.863KB｜

Script

Tres en línea

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Tres en línea</title>
</head>
<body>
  <h1>Tres en línea</h1>
  <div id="game">
    <div class="row">
      <div class="square" onclick="play(0)"></div>
      <div class="square" onclick="play(1)"></div>
      <div class="square" onclick="play(2)"></div>
    </div>
    <div class="row">
      <div class="square" onclick="play(3)"></div>
      <div class="square" onclick="play(4)"></div>
      <div class="square" onclick="play(5)"></div>
    </div>
    <div class="row">
      <div class="square" onclick="play(6)"></div>
      <div class="square" onclick="play(7)"></div>
      <div class="square" onclick="play(8)"></div>
    </div>
  </div>
  <div id="status"></div>

const win_patterns = [
      [0, 1, 2], [3, 4, 5], [6, 7, 8],
      [0, 3, 6], [1, 4, 7], [2, 5, 8],
      [0, 4, 8], [2, 4, 6]
    ];

const play = (index) => {
      if (!gameActive || gameboard[index] !== '') return;

gameboard[index] = currentPlayer;
      document.getElementsByClassName('square')[index].innerHTML = currentPlayer;

if (checkWin()) {
        document.getElementById('status').innerHTML = `¡${currentPlayer} ha ganado!`;
        gameActive = false;
      } else if (!gameboard.includes('')) {
        document.getElementById('status').innerHTML = '¡Empate!';
        gameActive = false;
      } else {
        currentPlayer = currentPlayer === 'X' ? 'O' : 'X';
      }
    };