Skip to content

oruamcruz/atividade-formulario-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

Atividade de Formulário com JavaScript

Descrição

Este projeto consiste em um formulário interativo desenvolvido como parte de atividades práticas para aprendizado de JavaScript. O usuário informa seu nome, data de nascimento e a linguagem de programação que está estudando, e o sistema retorna uma mensagem personalizada que inclui a idade calculada a partir da data de nascimento.

📋 Funcionalidades

  • Coleta de dados pessoais básicos através de um formulário
  • Cálculo dinâmico da idade com base na data de nascimento
  • Exibição de mensagem personalizada com os dados fornecidos
  • Pergunta adicional interativa sobre a satisfação com a linguagem escolhida
  • Validação de formulário para campos obrigatórios
  • Interface responsiva e amigável

🚀 Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript (ES6+)

📂 Estrutura do Projeto

projeto/
│
├── index.html           # Estrutura da página
├── atividade_2.js       # Lógica de funcionamento
├── src/
│   ├── styles/
│   │   └── style.css    # Estilos da aplicação
│   └── image/
│       ├── aceitar.png  # Ícone do botão mostrar
│       └── apagar.png   # Ícone do botão limpar
└── README.md            # Este arquivo

🛠 Como Usar

  1. Clone ou baixe este repositório
  2. Abra o arquivo index.html em qualquer navegador web moderno
  3. Preencha o formulário com suas informações
  4. Clique em "Mostrar" para ver a mensagem personalizada
  5. Use o botão "Limpar" para resetar o formulário e a mensagem

Melhorias Implementadas

  • Refatoração do código JavaScript para melhor organização e reutilização
  • Adição de validação de formulário mais robusta
  • Pergunta adicional interativa após exibição da mensagem principal
  • Implementação de suporte para pressionar Enter para enviar o formulário
  • Melhoria na semântica HTML com uso de tags apropriadas
  • Adição de estilos responsivos para melhor experiência em dispositivos móveis
  • Implementação de animações sutis para melhorar a experiência do usuário

Próximos Passos

  • Adicionar armazenamento local para manter as informações entre sessões
  • Implementar modo escuro
  • Adicionar suporte para múltiplos idiomas
  • Criar gráficos estatísticos baseados nas linguagens mais populares entre os usuários

📌 Autor

Desenvolvido por, Mauro Abreru Cruz - 2025

About

atividade formulário javascript #7DaysOfCode

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published