Introdução
Neste projeto, você aprenderá como criar um sistema de semáforo que muda a cor da luz de vermelho para verde após um determinado intervalo de tempo. Este projeto o ajudará a entender os fundamentos do JavaScript e como manipular o DOM para exibir diferentes elementos com base em eventos temporais.
👀 Pré-visualização
🎯 Tarefas
Neste projeto, você aprenderá:
- Como configurar uma estrutura básica de projeto HTML e JavaScript
- Como implementar uma função para mudar a exibição do semáforo para vermelho após 3 segundos
- Como implementar uma função para mudar a exibição do semáforo para verde após 6 segundos
- Como coordenar a execução das funções de luz vermelha e verde usando
async/await - Como testar o sistema de semáforo e garantir que ele funcione conforme o esperado
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Manipular o DOM usando JavaScript para mudar a exibição de elementos HTML
- Usar
setTimeout()para agendar eventos baseados em tempo - Gerenciar operações assíncronas com
async/await - Testar e depurar seu código JavaScript
