-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
48 lines (48 loc) · 2.56 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
<html contenteditable="false">
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="jquery.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div id="calculator">
<div id="screen">
<div id="outputScreen" class="screens"></div>
<div id="resultScreen" class="screens"></div>
</div>
<div class="horizontalSeparator"></div>
<div id="numpad">
<div id="row1" class="rows">
<div class='buttons erasers' id='clear' ><span>C</span></div>
<div class='buttons operators basic-operators' id='divide' ><span>÷</span></div>
<div class='buttons operators basic-operators' id='multiply' ><span>×</span></div>
<div class='buttons erasers' id='backspace' ><span>⌫</span></div>
</div>
<div id="row2" class="rows">
<div class="buttons numbers" id="n7"><span>7</span></div>
<div class="buttons numbers" id="n8"><span>8</span></div>
<div class="buttons numbers" id="n9"><span>9</span></div>
<div class='buttons operators basic-operators' id='substract' ><span>−</span></div>
</div>
<div id="row3" class="rows">
<div class="buttons numbers" id="n4"><span>4</span></div>
<div class="buttons numbers" id="n5"><span>5</span></div>
<div class="buttons numbers" id="n6"><span>6</span></div>
<div class='buttons operators basic-operators' id='add' ><span>+</span></div>
</div>
<div id="row4" class="rows">
<div class="buttons numbers" id="n1"><span>1</span></div>
<div class="buttons numbers" id="n2"><span>2</span></div>
<div class="buttons numbers" id="n3"><span>3</span></div>
<div class="buttons" id="bracket"><span>( )</span></div>
</div>
<div id="row5" class="rows">
<div class='buttons' id="option"><span>⋮</span></div>
<div class="buttons numbers" id="n0"><span>0</span></div>
<div class="buttons" id="dot"><span>.</span></div>
<div class="buttons evaluators" id="equal"><span>=</span></div>
</div>
</div>
</div>
</body>
</html>