-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathconversaopage.html
102 lines (82 loc) · 3.61 KB
/
conversaopage.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
<!DOCTYPE html>
<htm>
<head>
<title>Função Calculadora</title>
<!--jquery é necessário para pegar os dados da api no método que escolhi usar
jquery hosteado pela google, assim não precisa baixar nada-->
<script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src=js/moedas.js></script>
<script src= "js/moedas-voice.js"></script>
<link rel="stylesheet" type="text/css" href="css/style3.css">
</head>
<body class="bkg">
<!--seleçao das moedas e o valor-->
<div class="container">
<h1 class="title">Conversor de Moeda</h1>
</div>
<div id="survey-form">
<div class="quote3">
<b>Você pode falar ou fazer manualmente!</b>
<p>Fale desta forma: "<b><i>Número</i></b> de <b><i>dólar/euro/real</i></b> para <b><i>dólar/euro/real</i></b>"
<br>
<small>Exemplo: "50 de dólar para real".<br>
</small></p>
<label for= "moeda1">Selecione uma moeda:</label>
<br>
<select name= "moeda1" id= "moeda1">
<option value= "USD">Dólar Americano</option>
<option value= "EUR">Euro</option>
<option value= "BRL">Real</option>
</select>
<br> <br>
<label for= "valor">Digite um valor:</label>
<br>
<input type= "number" id= "valor" value= "1.00">
<br> <br>
<label for= "moeda2">Selecione a moeda para conversão:</label>
<br>
<select name= "moeda2" id= "moeda2">
<option value= "USD">Dólar Americano</option>
<option value= "EUR">Euro</option>
<option value= "BRL">Real</option>
</select>
<br> <br>
<button onclick= "conversao()">Converter</button>
<br>
<!--onde o resultado irá aparecer:-->
<p id= "resultado"></p>
</div>
<div class="back">
<p>Diga <strong>"voltar"</strong> para retornar à página de comandos.</p>
</div>
</div>
<!--script para funcionar manualmente-->
<script>
function conversao() {
var script_moeda1 = document.getElementById("moeda1").value;
var script_moeda2 = document.getElementById("moeda2").value;
var script_valor = document.getElementById("valor").value;
//contas realizadas no "moedas.js", aqui apenas pega a variavel com a conversao já feita
if (script_moeda1 == "BRL") {
if (script_moeda2 == "USD") {
document.getElementById("resultado").innerHTML = "$ " + (real_dolar * script_valor).toFixed(2);
} else if (script_moeda2 == "EUR") {
document.getElementById("resultado").innerHTML = "€ " + (real_euro * script_valor).toFixed(2);
}
} else if (script_moeda1 == "USD") {
if (script_moeda2 == "BRL") {
document.getElementById("resultado").innerHTML = "R$ " + (dolar_real * script_valor).toFixed(2);
} else if (script_moeda2 == "EUR") {
document.getElementById("resultado").innerHTML = "€ " + (dolar_euro * script_valor).toFixed(2);
}
} else if (script_moeda1 == "EUR") {
if (script_moeda2 == "BRL") {
document.getElementById("resultado").innerHTML = "R$ " + (euro_real * script_valor).toFixed(2);
} else if (script_moeda2 == "USD") {
document.getElementById("resultado").innerHTML = "$ " + (euro_dolar * script_valor).toFixed(2);
}
}
}
</script>
</body>
</html>