-
Notifications
You must be signed in to change notification settings - Fork 46
/
calculator.js
74 lines (71 loc) · 2.27 KB
/
calculator.js
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
<!DOCTYPE html>
<html>
<head>
<title> Digital Clock </title>
<style>
.title{
margin-bottom: 10px;
text-align: center;
width: 210px;
color: blue;
border: solid black 2px;
}
input [type = 'button']{
background-color: black;
color: white;
border: solid black 2px;
width: 100%;
}
input [type = 'text']{
background-color: white;
border: solid black 2px;
width: 100%;
}
</style>
</head>
<body>
<div class = 'title'> Calculator </div>
<table border = '0'>
<tr>
<td colspan = '3'>< input type ='text' id = 'result'></td>
<td>< input type ='button' value = 'c' onclick = 'clr()' ></td>
</tr>
<tr>
<td>< input type ='button' value = '1' onclick = 'display('1')'></td>
<td>< input type ='button' value = '2' onclick = 'display('2')'></td>
<td>< input type ='button' value = '3' onclick = 'display('3')'></td>
<td>< input type ='button' value = '/' onclick = 'display('/')'></td>
</tr>
<tr>
<td>< input type ='button' value = '4' onclick = 'display('4')'></td>
<td>< input type ='button' value = '5' onclick = 'display('5')'></td>
<td>< input type ='button' value = '6' onclick = 'display('6')'></td>
<td>< input type ='button' value = '-' onclick = 'display('-')'></td>
</tr>
<tr>
<td>< input type ='button' value = '7' onclick = 'display('7')'></td>
<td>< input type ='button' value = '8' onclick = 'display('8')'></td>
<td>< input type ='button' value = '9' onclick = 'display('9')'></td>
<td>< input type ='button' value = '+' onclick = 'display('+')'></td>
</tr>
<tr>
<td>< input type ='button' value = '.' onclick = 'display('.')'></td>
<td>< input type ='button' value = '0' onclick = 'display('0')'></td>
<td>< input type ='button' value = '=' onclick = 'equate()'></td>
<td>< input type ='button' value = '*' onclick = 'display('*')'></td>
</tr>
<script type = 'text/javascript'>
function clr(){
document.getElementByid('result').value = '';
}
function display(val){
document.getElementByid('result').value += val;
}
function equate(){
Let x = document.getElementByid('result').value;
Let y = eval(x);
document.getElementByid('result').value = y;
}
</script>
</body>
</html>