-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
55 lines (50 loc) · 3.6 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Calculator</title>
<link href="style.css" rel="stylesheet" />
<script
src="https://code.jquery.com/jquery-3.4.1.slim.js"
integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI="
crossorigin="anonymous"></script>
</head>
<body class="body">
<div class="calculator demo">
<div class="u4 display">
<div class="display-inner"><div class="display-text" data-bind="text: display"></div></div>
</div>
<button id="calculator-button-c" class="u1 button button-red" data-bind="click: clear">c</button>
<button id="calculator-button-backspace" class="u1 button button-backspace button-gray" data-bind="click: backspace">⇤</button>
<button id="calculator-button-negate" class="u1 button button-gray" data-bind="click: negate">±</button>
<button id="calculator-button-÷" class="u1 button button-gray" data-bind="click: operator">÷</button>
<button id="calculator-button-7" class="u1 button button-gray" data-bind="click: number">7</button>
<button id="calculator-button-8" class="u1 button button-gray" data-bind="click: number">8</button>
<button id="calculator-button-9" class="u1 button button-gray" data-bind="click: number">9</button>
<button id="calculator-button-x" class="u1 button button-gray" data-bind="click: operator">x</button>
<button id="calculator-button-4" class="u1 button button-gray" data-bind="click: number">4</button>
<button id="calculator-button-5" class="u1 button button-gray" data-bind="click: number">5</button>
<button id="calculator-button-6" class="u1 button button-gray" data-bind="click: number">6</button>
<button id="calculator-button--" class="u1 button button-gray" data-bind="click: operator">-</button>
<button id="calculator-button-1" class="u1 button button-gray" data-bind="click: number">1</button>
<button id="calculator-button-2" class="u1 button button-gray" data-bind="click: number">2</button>
<button id="calculator-button-3" class="u1 button button-gray" data-bind="click: number">3</button>
<button id="calculator-button-+" class="u1 button button-gray" data-bind="click: operator">+</button>
<button id="calculator-button-0" class="u2 button button-gray" data-bind="click: number">0</button>
<button id="calculator-button-." class="u1 button button-gray" data-bind="click: number">.</button>
<button id="calculator-button-=" class="u1 button button-blue" data-bind="click: operator">=</button>
<button id="calculator-button-1" class="u1 button button-gray" data-bind="click: number">1</button>
<button id="calculator-button-2" class="u1 button button-gray" data-bind="click: number">2</button>
<button id="calculator-button-3" class="u1 button button-gray" data-bind="click: number">3</button>
<button id="calculator-button-+" class="u1 button button-gray" data-bind="click: operator">+</button>
<button id="calculator-button-0" class="u2 button button-gray" data-bind="click: number">0</button>
<button id="calculator-button-." class="u1 button button-gray" data-bind="click: number">.</button>
<button id="calculator-button-=" class="u1 button button-blue" data-bind="click: operator">=</button>
<select id="themeselector" onchange="selection()">
<option selected value="none">None</option>
</select>
</div>
<script src="knockout-2.1.0.js"></script>
<script src="themes.js"></script>
<script src="calculator.js"></script>
</body>
</html>