-
Notifications
You must be signed in to change notification settings - Fork 0
/
semaforo.js
60 lines (42 loc) · 1.45 KB
/
semaforo.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
const semaforo = document.getElementById("semaforo")
const semaforoApagado = () => semaforo.src = "img/desligado.png"
const acenderVermelho = () => semaforo.src = "img/vermelho.png"
const acenderAmarelo = () => semaforo.src = "img/amarelo.png"
const acenderVerde = () => semaforo.src = "img/verde.png"
// const automatico = () => acenderVermelho()
let idVermelho
function automatico() {
acenderVermelho()
idVermelho = setTimeout(() => {
acenderAmarelo()
setTimeout(() => {
acenderVerde()
setTimeout(() => {
automatico()
}, 700);
}, 700);
}, 700);
}
function mudarButtonAutomatico() {
const automatico = document.getElementById("automatico")
if (automatico.textContent == "Automático") {
automatico()
automatico.textContent = "Parar"
} else {
clearInterval(idVermelho)
}
}
// EVENTOS
document.getElementById("button-vermelho").addEventListener("click", acenderVermelho)
document.getElementById("button-amarelo").addEventListener("click", acenderAmarelo)
document.getElementById("button-verde").addEventListener("click", acenderVerde)
document.getElementById("button-automatico").addEventListener("click", automatico)
// function acenderVermelho() {
// semaforo.src = "img/vermelho.png"
// }
// function acenderAmarelo() {
// semaforo.src = "img/amarelo.png"
// }
// function acenderVerde() {
// semaforo.src = "img/verde.png"
// }