Projeto front-end desenvolvido com HTML5, CSS3 e JavaScript, com o objetivo de praticar manipulação do DOM, lógica de programação e interatividade em páginas web.
A aplicação solicita o ano de nascimento e o sexo do usuário, calcula a idade e exibe uma mensagem personalizada com uma imagem ilustrativa correspondente à faixa etária detectada (criança, jovem, adulto ou idoso), considerando também o sexo informado.
🌐 Site online:
👉 https://natipastre.github.io/verificador-idade-javascript/
📽️ Vídeo de demonstração:
👉 https://drive.google.com/file/d/1KRvK5csyVKinm5n5C9IuH7rLFuX--TCK/view?usp=sharing
- ✅ Validação do ano de nascimento
- ✅ Cálculo automático da idade com base no ano atual
- ✅ Identificação do sexo selecionado
- ✅ Exibição de imagem correspondente à idade e sexo
- ✅ Design moderno, leve e responsivo
- ✅ Interatividade em tempo real (sem recarregar a página)
As imagens que representam as faixas etárias foram obtidas gratuitamente na biblioteca do Pexels.
- HTML5 – Estrutura da página
- CSS3 – Estilização moderna e responsiva com Flexbox
- JavaScript – Lógica de verificação, manipulação do DOM e interação com o usuário
- Estruturação com HTML semântico
- Estilização com Flexbox
- Manipulação do DOM (
getElementById,getElementsByName,createElement,appendChild) - Validação de entradas
- Condicionais
if,else if,else - Inserção dinâmica de conteúdo
- Publicação no GitHub Pages
- Organização e clareza na escrita do código
- Atenção a detalhes na validação e experiência do usuário
- Autonomia para buscar imagens com uso livre (Pexels)
- Resolução de problemas com persistência
- Comunicação visual e textual clara
- Apresentação de um projeto funcional para o portfólio
Desenvolvido com 💙 por Natália Pastre
Estudante de Análise e Desenvolvimento de Sistemas | Desenvolvedora em formação
🔗 Acesse o Projeto Online 👉 Verificador de Idade no GitHub Pages