SimpleCalculator/editor.html at master · iamJL/SimpleCalculator · GitHub

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
    <head>
		<script>
			function insert(num){
				document.form.textview.value=document.form.textview.value+num

			}

			function equal(){
				var exp=document.form.textview.value;
				if(exp)
				{
					document.form.textview.value=eval(exp);
				}
			}

			function clean(){
                document.form.textview.value="";
			}

			function back(){
				var exp=document.form.textview.value;
				document.form.textview.value=exp.substring(0,exp.length-1);
			}
		</script>

		<link rel="stylesheet" type="text/css" href="css/style.css">

	    <title>
			Calculator
		</title>
	</head>
	<body>
		<div class="bg">
		</div>
		<div class="main">
			<form name="form">
				<input class="textview" name="textview">
			</form>

			<table>
				<tr>
					<td> <input class="button" type="button" value="C" onclick="clean()">
					</td>
					<td> <input class="button" type="button" value="<" onclick="back()">
					</td>
					<td> <input class="button" type="button" value="/" onclick="insert('/')">
					</td>
			        <td> <input class="button" type="button" value="x" onclick="insert('*')">
					</td>
				</tr>

				<tr>
					<td> <input class="button" type="button" value="7" onclick="insert(7)">
					</td>
					<td> <input class="button" type="button" value="8" onclick="insert(8)">
					</td>
					<td> <input class="button" type="button" value="9" onclick="insert(9)">
					</td>
			        <td> <input class="button" type="button" value="-" onclick="insert('-')">
					</td>
				</tr>

				<tr>
					<td> <input class="button" type="button" value="4" onclick="insert(4)">
					</td>
					<td> <input class="button" type="button" value="5" onclick="insert(5)">
					</td>
					<td> <input class="button" type="button" value="6" onclick="insert(6)">
					</td>
			        <td> <input class="button" type="button" value="+" onclick="insert('+')">
					</td>
				</tr>

				<tr>
					<td> <input class="button" type="button" value="1" onclick="insert(1)">
					</td>
					<td> <input class="button" type="button" value="2" onclick="insert(2)">
					</td>
					<td> <input class="button" type="button" value="3" onclick="insert(3)">
					</td>
			        <td rowspan="5"> <input class="button" style="height: 106px" type="button" value="=" onclick="equal()">
					</td>
				</tr>

				<tr>
					<td colspan="2"> <input class="button" style="width: 105px" type="button" value="0" onclick="insert(0)">
					</td>
					<td> <input class="button" type="button" value="." onclick="insert('.')">
					</td>
				</tr>
			</table>
		</div>

	</body>
</html>>