Estructura HTML del juego Tres en raya

309 iroger7

Abrir en el editor Video Publica tu código

Recomendado

27 October 2024

Sitio de juego agrietado público Cualquiera puede publicar

12 December 2025

Ejemplo de barra de navegación HTML CSS: Menú horizontal adaptable

7 May 2024

Plantilla de sitio web de presentaciones HTML y CSS

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

Sitio de juego agrietado público Cualquiera puede publicar

Ejemplo de barra de navegación HTML CSS: Menú horizontal adaptable

Plantilla de sitio web de presentaciones HTML y CSS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS