-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (44 loc) · 2.17 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
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/segment7" type="text/css"/>
</head>
<body>
<header>
<h1>Calcapp</h1>
</header>
<main>
<div class="calculator">
<div class="cal-head">
<div class="display">
<div class="display-head">Press AC to start</div>
<div class="display-body">8.8.8.8.8.8.8.8.8.8.</div>
</div>
</div>
<div class="cal-body">
<button class="btn acc cmd" data-action="acc">AC</button>
<button class="btn clr cmd" data-action="clr">C</button>
<button class="btn bck cmd" data-action="bck">⌫</button>
<button class="btn sub op" data-action="sub">-</button>
<button class="btn num" data-action="7">7</button>
<button class="btn num" data-action="8">8</button>
<button class="btn num" data-action="9">9</button>
<button class="btn mul op" data-action="mul">X</button>
<button class="btn num" data-action="4">4</button>
<button class="btn num" data-action="5">5</button>
<button class="btn num" data-action="6">6</button>
<button class="btn div op" data-action="div">÷</button>
<button class="btn num" data-action="1">1</button>
<button class="btn num" data-action="2">2</button>
<button class="btn num" data-action="3">3</button>
<button class="btn add op" data-action="add">+</button>
<button class="btn dot cmd" data-action="dot">.</button>
<button class="btn num" data-action="0">0</button>
<button class="btn equ cmd" data-action="equ">=</button>
</div>
</div>
</main>
</body>
</html>