-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (69 loc) · 3.79 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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- assets links -->
<link rel="stylesheet" href="assets/style.css">
<script src="https://kit.fontawesome.com/5b242c111d.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="assets/images/ico.png" type="image/x-icon">
<title>Calculadora - Vanilla JS</title>
</head>
<body onkeydown="pressButton(event)">
<header>
<h1>Calculadora</h1>
<img src="assets/images/calculator.png" title="Calculator icons created by
Freepik - Flaticon">
</header>
<section id="area-calculadora">
<div class="calculadora">
<div class="model">
Tabajara Calc3
</div>
<input type="text" readonly autofocus dir="ltr" maxlength="12" id="telaDig" class="tela">
<div class="area-teclas">
<div class="linha-teclas">
<button onclick="pressButton('', 'C')" class="tecla reset-key" id="tC">C</button>
<button onclick="pressButton('', 'Backspace')" class="tecla erase-key" id="tBackspace"><i class="fa-solid fa-delete-left"></i></button>
<button onclick="pressButton('', '/')" class="tecla normal-key" id="t/">/</button>
<button onclick="pressButton('', '*')" class="tecla normal-key" id="t*">*</button>
</div>
<div class="linha-teclas">
<button onclick="pressButton('', '1')" class="tecla normal-key" id="t1">1</button>
<button onclick="pressButton('', '2')" class="tecla normal-key" id="t2">2</button>
<button onclick="pressButton('', '3')" class="tecla normal-key" id="t3">3</button>
<button onclick="pressButton('', '-')" class="tecla normal-key" id="t-">-</button>
</div>
<div class="linha-teclas">
<button onclick="pressButton('', '4')" class="tecla normal-key" id="t4">4</button>
<button onclick="pressButton('', '5')" class="tecla normal-key" id="t5">5</button>
<button onclick="pressButton('', '6')" class="tecla normal-key" id="t6">6</button>
<button onclick="pressButton('', '+')" class="tecla normal-key" id="t+">+</button>
</div>
<div class="linha-teclas">
<button onclick="pressButton('', '7')" class="tecla normal-key" id="t7">7</button>
<button onclick="pressButton('', '8')" class="tecla normal-key" id="t8">8</button>
<button onclick="pressButton('', '9')" class="tecla normal-key" id="t9">9</button>
<button onclick="pressButton('', '.')" class="tecla normal-key" id="dot">.</button>
</div>
<div class="linha-teclas">
<button onclick="pressButton('', '0')" class="tecla normal-key" id="t0">0</button>
<button onclick="pressButton('', '00')" class="tecla normal-key" id="t00">00</button>
<button onclick="pressButton('', 'Enter')" class="tecla result-key" id="tEnter">=</button>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-top">
<div class="footer-content">
Made with pure <i class="fab fa-js"> </i> by <a target="_blank"
href="https://github.com/HigorTuretta/vanillaJS-calculator">Higor
Turetta</a>
</div>
</div>
</footer>
<script src="assets/app.js"></script>
</body>
</html>