Estructura HTML del juego Tres en raya

311 iroger7

Abrir en el editor Video Publica tu código

Recomendado

19 December 2025

Incrustar el juego Ragdoll.io de Unity: fragmento de código

6 November 2025

Efecto de paralaje HTML con haces y ruido SVG

5 December 2025

Plantilla HTML del panel de registro del sitio web

HTML

CSS

JS

const cells = document.querySelectorAll('.cell');
const restartButton = document.getElementById('restartButton');
const 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]
];

let isXTurn = true;
let gameActive = true;

const checkWin = (player) => {
  return winningCombinations.some(combination =>
    combination.every(index => cells[index].textContent === player)
  );
};

const checkDraw = () => {
  return [...cells].every(cell => cell.textContent !== '');
};

cells.forEach(cell => {
  cell.addEventListener('click', handleClick);
});

restartButton.addEventListener('click', () => {
  cells.forEach(cell => {
    cell.textContent = '';
  });
  isXTurn = true;
  gameActive = true;
});

Recomendado

Incrustar el juego Ragdoll.io de Unity: fragmento de código

Efecto de paralaje HTML con haces y ruido SVG

Plantilla HTML del panel de registro del sitio web

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS