Introdução
Neste projeto, você aprenderá como criar um componente de caixa modal que pode ser exibido e ocultado em uma página web. Caixas modais são comumente usadas em aplicações web para exibir conteúdo adicional ou formulários sem navegar para fora da página atual.
👀 Pré-visualização
🎯 Tarefas
Neste projeto, você aprenderá:
- Como configurar a estrutura HTML para uma caixa modal
- Como implementar a funcionalidade para mostrar e ocultar a caixa modal
- Como lidar com o event bubbling (propagação de eventos) para evitar que a caixa modal seja exibida novamente após ser ocultada
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Criar uma caixa modal usando HTML, CSS e JavaScript
- Usar funções JavaScript para controlar a visibilidade da caixa modal
- Prevenir o event bubbling (propagação de eventos) para garantir que a caixa modal se comporte como esperado
