forked from MohitChattlani/Simple-Calculator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcalculator.html
66 lines (64 loc) · 2.74 KB
/
calculator.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- for proper rendering & touchzooming-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Calculator</title>
<link rel="stylesheet" type="text/css" href="stylesheet/style.css">
<link rel="stylesheet" type="text/css" href="stylesheet/bootstrap.min.css">
<script type="text/javascript" src="script/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="script/bootstrap.min.js"></script>
</head>
<body style="background-color: #F0FFFF;">
<h1 id="heading">Simple Calculator</h1>
<strong>
<p>The simple Calculator is an web based calulator that is very easy to use to solve simple day to day calculation such as addictional, multipling, dividtion and substraction. This calulator is compatable for all web broswers so feel free to use.</p>
</strong>
<div class="container">
<div id="query">
<form name="Answer"></form>
<input name="display" placeholder="0" id="one">
</div>
<div id="ans"></div>
<div id="calculator">
<table>
<tr>
<td><button class="operator" onclick="button(event)">(</button></td>
<td><button class="operator" onclick="button(event)">)</button></td>
<td><button class="operator" onclick="button(event)">C</button></td>
<td><button class="operator" onclick="button(event)">⌫</button></td>
</tr>
<tr>
<td><button onclick="button(event)">7</button></td>
<td><button onclick="button(event)">8</button></td>
<td><button onclick="button(event)">9</button></td>
<td><button class="operator" onclick="button(event)">÷</button></td>
</tr>
<tr>
<td><button onclick="button(event)">4</button></td>
<td><button onclick="button(event)">5</button></td>
<td><button onclick="button(event)">6</button></td>
<td><button class="operator" onclick="button(event)">×</button></td>
</tr>
<tr>
<td><button onclick="button(event)">1</button></td>
<td><button onclick="button(event)">2</button></td>
<td><button onclick="button(event)">3</button></td>
<td><button class="operator" onclick="button(event)">-</button></td>
</tr>
<tr>
<td><button onclick="button(event)">0</button></td>
<td><button onclick="button(event)">.</button></td>
<td><button class="operator" onclick="button(event)">=</button></td>
<td><button class="operator" onclick="button(event)">+</button></td>
</tr>
</table>
</div>
<p id="abt"> <span style="color: black;">by</span> Mohit chattlani</p>
<script type="text/javascript" src="script/calciscript.js"></script>
<a class="link" href="https://twitter.com/chattlanimohit">twitter.com/chattlanimohit</a>
<p>© all rights reserved</p>
</div>
</body>
</html>