-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcalculadora.html
106 lines (94 loc) · 4.12 KB
/
calculadora.html
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="jquery-3.1.1.min.js"></script>
</head>
<script>
function calcula(){
var ini1, ini2, ini3, des1, des2, des3,
verde, amarelo, vermelho, porcentagem, des_porcentagem,
seguntos_totais, seguntos_des_totais, ciclo,
porcentagem_final, segundos_final, cor_final;
ini1 = $("#ini1").val();
ini2 = $("#ini2").val();
ini3 = $("#ini3").val();
des1 = $("#des1").val();
des2 = $("#des2").val();
des3 = $("#des3").val();
verde = $("#verde").val();
amarelo = $("#amarelo").val();
vermelho = $("#vermelho").val();
seguntos_totais = parseFloat(ini1*60*60)+parseFloat(ini2*60)+parseFloat(ini3);
seguntos_des_totais = parseFloat(des1*60*60)+parseFloat(des2*60)+parseFloat(des3);
ciclo = parseFloat(verde)+parseFloat(amarelo)+parseFloat(vermelho);
porcentagem = (seguntos_totais/ciclo) + "";
porcentagem = porcentagem.split(".");
porcentagem = (porcentagem[1]).slice(0, 2);
des_porcentagem = (seguntos_des_totais/ciclo) + "";
des_porcentagem = des_porcentagem.split(".");
des_porcentagem = (des_porcentagem[1]).slice(0, 2);
porcentagem_final = parseFloat(des_porcentagem)-parseFloat(porcentagem);
//transforma positivo
porcentagem_final = (porcentagem_final < 0) ? (porcentagem_final*-1) : porcentagem_final;
segundos_final = (ciclo*porcentagem_final)/100;
console.log(seguntos_totais);
console.log(seguntos_des_totais);
console.log(ciclo);
console.log(porcentagem);
console.log(des_porcentagem);
console.log(porcentagem_final);
if(segundos_final < verde) {
cor_final = "Verde";
} else if(segundos_final < (parseInt(verde)+parseInt(amarelo))) {
cor_final = "Amarelo";
} else if(segundos_final < (parseInt(verde)+parseInt(amarelo)+parseInt(vermelho))) {
cor_final = "Vermelho";
}
$("#resposta").html(porcentagem_final+"% = "+segundos_final+" segundos<br>"+cor_final);
}
</script>
<body>
<table style="border: 1px black solid">
<tr>
<td colspan="2">Tempo de entrada semáforo:</td>
</tr>
<tr>
<td>Hora inicial ciclo:</td>
<td>
<input type="text" size="1" id="ini1" value="12">:
<input type="text" size="1" id="ini2" value="30">:
<input type="text" size="1" id="ini3" value="0">
</td>
</tr>
<!--#3D3-->
<tr style="background: #FFF">
<td>Verde:</td><td><input type="text" size="2" id="verde" value="40"></td>
</tr>
<!--#DD3-->
<tr style="background: #FFF">
<td>Amarelo:</td><td><input type="text" size="2" id="amarelo" value="5"></td>
</tr>
<!--#D33-->
<tr style="background: #FFF">
<td>Vermelho:</td><td><input type="text" size="2" id="vermelho" value="40"></td>
</tr>
</table>
<br>
Hora quero descobrir:
<input type="text" size="1" id="des1" value="11">:
<input type="text" size="1" id="des2" value="0">:
<input type="text" size="1" id="des3" value="0">
<br>
<button onclick="calcula();">Calcular</button>
<br>
<div id="resposta"></div>
</body>
</html>