Estructura HTML del juego Tres en raya

43 iroger7

Abrir en el editor Publica tu código

Recomendado

14 September 2024

Animación de línea de frecuencia cardíaca

11 July 2025

Menú de alternancia CSS con iconos de Font Awesome

25 November 2025

Plantilla HTML para sitio web de películas | Adaptable y con filtros

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

Animación de línea de frecuencia cardíaca

Menú de alternancia CSS con iconos de Font Awesome

Plantilla HTML para sitio web de películas | Adaptable y con filtros

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS