Struttura HTML del gioco del tris

304 iroger7

Apri nell'Editor Video Pubblica il Tuo Codice

Consigliato

19 December 2025

Caricatore di giochi HTML: New Super Mario Bros.

20 June 2025

Modello di dashboard di amministrazione HTML

5 July 2025

Esempio di selettore data HTML

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

Consigliato

Caricatore di giochi HTML: New Super Mario Bros.

Modello di dashboard di amministrazione HTML

Esempio di selettore data HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS