Projeto desenvolvido durante a Imersão Dev da Alura, com o objetivo de praticar lógica de programação e manipulação do DOM através de um jogo interativo em que o jogador tenta adivinhar um número secreto entre 1 e 100.
Durante o desenvolvimento, aprendi e pratiquei conceitos essenciais de JavaScript e lógica de programação, como:
- Declaração e uso de variáveis e funções;
- Estruturas condicionais (
if,else if,else); - Laços e recursividade para geração de números aleatórios sem repetição;
- Manipulação do DOM com
querySelector()einnerHTML; - Uso de eventos em botões com
onclick; - Criação de funções reutilizáveis e bem estruturadas;
- Utilização de uma API externa (ResponsiveVoice) para gerar feedback de voz no navegador;
- Separação de responsabilidades entre HTML, CSS e JavaScript.
Essas práticas me ajudaram a entender melhor a integração entre estrutura, estilo e comportamento em uma aplicação web.
- HTML5 – Estrutura da página;
- CSS3 – Estilização e layout responsivo;
- JavaScript (ES6+) – Lógica e interatividade;
- ResponsiveVoice.js – Biblioteca para conversão de texto em fala;
- Google Fonts – Tipografia com as fontes Chakra Petch e Inter.
Acesse: https://jogo-do-numero-secreto-eight-jade.vercel.app/
- Aceite a assistente de voz clicando em "Allow"
- Digite um número entre 1 e 100 no campo de entrada.
- Clique em “Chutar” para enviar seu palpite.
- O jogo vai indicar se o número secreto é maior ou menor que o chute.
- Continue tentando até acertar!
- Depois de vencer, clique em “Novo jogo” para começar novamente.
- Geração automática de números aleatórios sem repetição;
- Contagem de tentativas;
- Exibição de mensagens personalizadas para cada situação;
- Botão de reinício que reativa o jogo;
- Feedback sonoro através de voz sintetizada.
O projeto tem um visual simples e direto, com tipografia moderna e foco na usabilidade.
A interface foi criada para funcionar bem em diferentes tamanhos de tela, com responsividade garantida.
- Faça o clone do repositório:
git clone https://github.com/KeslyAquinoa/jogo-numero-secreto.git