Skip to content

Um projeto simples de um semáforo utilizando HTML, CSS e JavaScript. O semáforo permite ligar cada uma das luzes individualmente ou ativar um modo automático de rotação entre as cores. Implementação moderna utilizando funções arrow, ternários e boas práticas de código.

Notifications You must be signed in to change notification settings

guiribs/Semaforo-em-JavaScript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Semáforo em JavaScript

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.

Funcionalidades

  • 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.

Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript (ES6)

Como Utilizar

  1. Clone o repositório:

    git clone https://github.com/guiribs/semaforo-js.git
  2. Navegue até o diretório do projeto:

    cd semaforo-js
  3. Abra o arquivo index.html no seu navegador de preferência.

Estrutura do Projeto

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

About

Um projeto simples de um semáforo utilizando HTML, CSS e JavaScript. O semáforo permite ligar cada uma das luzes individualmente ou ativar um modo automático de rotação entre as cores. Implementação moderna utilizando funções arrow, ternários e boas práticas de código.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published