Este é um projeto simples de um semáforo desenvolvido com HTML, CSS e JavaScript. O semáforo permite ligar individualmente cada uma das cores (vermelho, amarelo, verde) ou ativar um modo automático que rotaciona as cores em intervalos regulares.
- Controle Manual: Ligue as cores do semáforo (vermelho, amarelo, verde) manualmente.
- Modo Automático: Ative o modo automático que rotaciona as cores em um ciclo contínuo.
- Design Responsivo: O semáforo é centralizado na página, com botões estilizados de forma moderna.
- HTML5
- CSS3
- JavaScript (ES6)
-
Clone o repositório:
git clone https://github.com/guiribs/semaforo-js.git
-
Navegue até o diretório do projeto:
cd semaforo-js
-
Abra o arquivo
index.html
no seu navegador de preferência.
semaforo-js/
│
├── index.html # Arquivo principal HTML
├── styles.css # Estilos CSS para o semáforo e botões
└── semaforo.js # Lógica em JavaScript para o controle do semáforo