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

No:17461

109

←

Prev Next

→

Crea un juego de 3 en raya
Developer User7680｜Date and time 23/9/23 11:00:27
Build time 28.157 sec｜Game capacity 2.889KB｜

Script

Aquí tienes un ejemplo de un juego de 3 en raya implementado como un solo archivo HTML con JavaScript:

Tres en Raya

Este código crea un simple juego de 3 en raya que se puede jugar en un smartphone. Cada celda del tablero es un `td` dentro de una tabla, y se puede hacer clic en ellas para realizar un movimiento. El juego sigue las reglas estándar del 3 en raya y muestra alertas de ganador o empate cuando corresponda.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Aquí tienes un ejemplo de un juego de 3 en raya implementado como un solo archivo HTML con JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tres en Raya</title>
  <style>
    td {
      width: 100px;
      height: 100px;
      font-size: 48px;
      text-align: center;
      vertical-align: middle;
      border: 1px solid black;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Tres en Raya</h1>
  <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>
  <script>
    // Variables del juego
    const jugador1 = 'X';
    const jugador2 = 'O';
    let turno = jugador1;
    let tablero = [['', '', ''], ['', '', ''], ['', '', '']];
    let juegoTerminado = false;

// Función para realizar movimientos
    function makeMove(fila, columna) {
      if (!juegoTerminado && tablero[fila][columna] === '') {
        tablero[fila][columna] = turno;
        document.getElementsByTagName('td')[fila * 3 + columna].innerText = turno;
        if (checkWin(turno)) {
          alert(`¡El jugador ${turno} ha ganado!`);
          juegoTerminado = true;
        } else if (checkTie()) {
          alert('¡Empate!');
          juegoTerminado = true;
        } else {
          turno = (turno === jugador1) ? jugador2 : jugador1;
        }
      }
    }

// Función para verificar si se ha ganado el juego
    function checkWin(jugador) {
      for (let i = 0; i < 3; i++) {
        if (
          (tablero[i][0] === jugador && tablero[i][1] === jugador && tablero[i][2] === jugador) ||
          (tablero[0][i] === jugador && tablero[1][i] === jugador && tablero[2][i] === jugador)
        ) {
          return true;
        }
      }
      if (
        (tablero[0][0] === jugador && tablero[1][1] === jugador && tablero[2][2] === jugador) ||
        (tablero[0][2] === jugador && tablero[1][1] === jugador && tablero[2][0] === jugador)
      ) {
        return true;
      }
      return false;
    }

// Función para verificar si hay un empate
    function checkTie() {
      for (let fila of tablero) {
        if (fila.includes('')) {
          return false;
        }
      }
      return true;
    }
  </script>
</body>
</html>
```