Estrutura HTML do Jogo da Velha

65 iroger7

Abrir no Editor Publique Seu Código

Recomendado

23 April 2025

Gerador de senhas da SENAPI

14 September 2024

Carrossel de Portfólio com Deslizadores Sincronizados

25 November 2025

Carregador de jogos HTML5 com integração do SDK do Yandex

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

Gerador de senhas da SENAPI

Carrossel de Portfólio com Deslizadores Sincronizados

Carregador de jogos HTML5 com integração do SDK do Yandex

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS