-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
51 lines (44 loc) · 2 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<link id="page-ico" rel="icon" type="image/x-icon" href="assets/pig-logo.png">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="stylesheet" href="style.css"></link>
<title>Coin Converter</title>
</head>
<body>
<div class="menus">
<div class="menu">
<div class="search_bar">
<input type = "text" placeholder="ex: dolar-real" id="moeda"></input>
<!--pesquisa ico-->
<span class="material-symbols-outlined lupa">search</span>
</div>
<img src="./assets/pig-logo.png" height="70px"></img>
</div>
<div class="menu_2">
<button onclick="dolar_para_real()" class="dolar-real">dolar-real</button>
<button onclick="euro_para_real()" class="euro-real">euro-real</button>
<button onclick="bitcoin_para_real()" class="bitcoin-real">bitcoin-real</button>
</div>
</div>
<div class="total">
<h1 id = "name" style = "color: green; font-family:Arial, Helvetica, sans-serif">coins: </h1>
<h1 id = "valor" style = "color: green; font-family:Arial, Helvetica, sans-serif">coin value: </h1>
<h1 id = "real_txt" style = "color: green; font-family:Arial, Helvetica, sans-serif">real value: <input type = "number" value=1 id="value_real"></input> </h1>
<img src="" id="image"></img>
</div>
<div class="grafico">
<canvas id="myChart"></canvas>
</div>
<div class="descricao_de_moeda">
<h1 id = "text" style = "color: green; font-family:Arial, Helvetica, sans-serif"></h1>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="main.js"></script>
<script src="sketch.js"></script>
<script src="buttons.js"></script>
</body>
</html>