Um contador regressivo interativo que permite inserir uma data e hora específicas para iniciar a contagem. Este projeto de desenvolvimento web mostra como combinar HTML, CSS e JavaScript para criar funcionalidades dinâmicas.
Bem-vindo ao Contador Regressivo! 🎉
Este projeto foi criado para demonstrar como trabalhar com manipulação de DOM e cálculos de tempo em JavaScript, além de aplicar boas práticas de estilização com CSS.
Facilitar o aprendizado de conceitos básicos de desenvolvimento web, incluindo:
- Manipulação de DOM.
- Estilização com variáveis CSS.
- Lógica de contagem regressiva em JavaScript.
- Exibição de contagem regressiva: Dias, horas, minutos e segundos.
- Entrada personalizada: Insira uma data e hora para iniciar a contagem.
- Estilização responsiva: Layout adaptado para diferentes dispositivos.
- Notificações de erro: Alertas caso a data/hora não seja inserida.
- HTML5: Estrutura semântica da página.
- CSS3: Estilização com variáveis e design responsivo.
- JavaScript: Lógica de contagem regressiva e manipulação de DOM.
- Manipulação de DOM: Utilização de
querySelectoreinnerHTMLpara atualizar elementos em tempo real. - Cálculos de tempo: Conversão de milissegundos em dias, horas, minutos e segundos.
- Estilização modular: Uso de variáveis CSS para cores e fontes.
- Interatividade: Adição de eventos de clique para capturar dados do usuário.
Feito com 💻 por Samuel Santos.