HTML-Struktur des Tic-Tac-Toe-Spiels

306 iroger7

Im Editor öffnen Video Veröffentlichen Sie Ihren Code

Empfohlen

23 October 2024

Animierte Schriftart von VFS Digital Design

23 August 2025

HTML-CSS-Anmeldeseite mit Fingerabdruck-Design

8 February 2025

wechselndes Licht

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

Empfohlen

Animierte Schriftart von VFS Digital Design

HTML-CSS-Anmeldeseite mit Fingerabdruck-Design

wechselndes Licht

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS