Estructura HTML del juego Tres en raya

980 0 iroger7 Seguir

Remix Abrir en el editor Pantalla completa Comentar Publica tu código

Recomendado

17 September 2024

Identidad

16 April 2026

Ejemplo de página de inicio HTML para War Thunder Mobile

28 October 2026

Juego de física de muñeco de trapo en HTML y JavaScript

HTML

CSS

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;
});

Comments 0

…