Loading repository data…
Loading repository data…
iago-pinheiro / repository
🎮 Jogo da Velha moderno e responsivo desenvolvido com HTML, CSS e JavaScript puro como exercício final do Módulo JS-3 (Manipulação de DOM) da OneBitCode. Interface dark theme, detecção completa de vitórias, sistema de turnos e design mobile-first.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Um jogo da velha moderno e responsivo desenvolvido com HTML, CSS e JavaScript puro como exercício final do Módulo 3 de JavaScript da OneBitCode.
Este foi o exercício final do módulo JS-3 focado em Manipulação de DOM, desenvolvido de forma independente seguindo os requisitos específicos do enunciado: 📋 Tic-Tac-Toe / Jogo da Velha
Construa um jogo tic-tac-toe, conhecido em português como jogo da velha, utilizando HTML, CSS e Javascript. Você pode desenvolver com liberdade, da forma que preferir, mas o jogo precisa atender aos seguintes requisitos:
Clone o repositório
git clone https://github.com/seu-usuario/TicTacToe.js.git
cd TicTacToe.js
Abra o jogo
index.html no navegadorConfigure e jogue
HTML5 ████████████████████ 100%
CSS3 ████████████████████ 100%
JavaScript ████████████████████ 100%
TicTacToe.js/
├── 📄 index.html # Estrutura HTML semântica
├── 🎨 style.css # Estilização moderna e responsiva
├── ⚡ script.js # Lógica do jogo e manipulação DOM
└── 📚 README.md # Documentação do projeto
document.getElementById() e document.querySelectorAll()addEventListener() para interações do usuárioclassList.add() e classList.remove() para controle visualtextContent e innerText para atualização de conteúdovBoard)for para verificação de vitóriasif/else para controle de fluxo// Combinações vencedoras
const winningRows = [[0,1,2], [3,4,5], [6,7,8]]
const winningColumns = [[0,3,6], [1,4,7], [2,5,8]]
const winningDiagonal = [[0,4,8], [2,4,6]]
@media (max-width: 768px) {
/* Adaptações para mobile */
span { width: 70px; height: 70px; }
input { width: 160px; margin: 3px 5px; }
}
Este projeto consolidou meu aprendizado em:
🎓 Desenvolvido como exercício final do Módulo JS-3 - OneBitCode
Foco: Manipulação de DOM e interações avançadas com JavaScript
📅 Concluído: Julho 2025
⭐ Status: Projeto independente (sem auxílio do professor)