Veja o projeto ao vivo:

Jogo de Adivinhação

O Jogo de Adivinhação é um projeto interativo simples, desenvolvido com HTML, CSS e JavaScript, que desafia o usuário a adivinhar um número secreto entre 1 e 100. Com um design moderno e responsivo, o jogo oferece uma experiência divertida e desafiadora, onde o jogador tem 10 tentativas para descobrir o número correto.

Este projeto é ideal para iniciantes em desenvolvimento web que desejam praticar manipulação de DOM, lógica de programação e estilização de páginas.

Funcionalidades

Entrada de Palpite:

O jogador insere um número entre 1 e 100 no campo de entrada. Caso o número esteja fora desse intervalo ou seja inválido, uma mensagem de erro é exibida.

Número de Tentativas:

O jogador tem 10 tentativas para acertar o número. Em cada tentativa, o número de tentativas restantes é exibido na tela. O jogo termina automaticamente quando as tentativas acabam.

Feedback Interativo:

Mensagens dinâmicas indicam se o palpite é maior ou menor que o número secreto.

Núcleos diferentes para os estados:

Verde: Certo.

Vermelho: Derrota (tentativas esgotadas).

Laranja: Número maior/menor.

Finalização do Jogo:

O jogo exibe o número correto quando o jogador ganha ou perde. O botão "Reiniciar" surge ao final do jogo para começar uma nova rodada.

Design Responsivo:

Funciona em desktops e dispositivos móveis. Utiliza técnicas modernas de CSS, como gradiente, transparência e responsividade.

Tecnologias Utilizadas

HTML: Estrutura do jogo, com elementos como entradas, botões e textos.

CSS: Estilização moderna com gradientes, transparência e bordas arredondadas. Design responsivo para diferentes tamanhos de tela.

JavaScript: Lógica do jogo, incluindo geração do número aleatório, validação de entrada e controle das tentativas. Manipulação do DOM para atualizar as mensagens e gerenciar o estado do jogo.

Objetivos de Aprendizagem

Este projeto ajuda a praticar:

Manipulação de DOM: Atualizar elementos com base na interação do usuário.

Lógica de Programação: Uso de estruturas condicionais e loops para controle do fluxo do jogo.

Interatividade: Criação de experiências dinâmicas para o usuário.

Estilização Responsiva: Ajustar layouts para diferentes dispositivos e telas.

Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para:

Relatar problemas.

Sugerir melhorias.

Enviar solicitações pull.

Apoie-me: