Structure HTML du jeu Tic Tac Toe

64 iroger7

Ouvrir dans l'éditeur Publiez votre code

Recommandé

10 November 2024

Formulaire OTP HTML CSS

29 July 2024

Animation d'introduction à Netflix CSS pur

11 August 2025

Conteneur d'animation de message 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;
});

Recommandé

Formulaire OTP HTML CSS

Animation d'introduction à Netflix CSS pur

Conteneur d'animation de message HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS