Skip to content

Commit 542a328

Browse files
gauravmanmodegauravmanmode
authored
Create calculator
1 parent d898f04 commit 542a328

File tree

1 file changed

+75
-0
lines changed

1 file changed

+75
-0
lines changed

‎calculator

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>HTML Calculator</title>
6+
7+
<!-- For styling -->
8+
<style>
9+
table {
10+
border: 1px solid black;
11+
margin-left: auto;
12+
margin-right: auto;
13+
}
14+
15+
input[type="button"] {
16+
width: 100%;
17+
padding: 20px 40px;
18+
background-color: green;
19+
color: white;
20+
font-size: 24px;
21+
font-weight: bold;
22+
border: none;
23+
border-radius: 5px;
24+
}
25+
26+
input[type="text"] {
27+
padding: 20px 30px;
28+
font-size: 24px;
29+
font-weight: bold;
30+
border: none;
31+
border-radius: 5px;
32+
border: 2px solid black;
33+
}
34+
</style>
35+
</head>
36+
37+
<body>
38+
39+
<!-- Create table -->
40+
<table id="calcu">
41+
<tr>
42+
<td colspan="3">
43+
<input type="text" id="result">
44+
</td>
45+
<td><input type="button" value="c"></td>
46+
</tr>
47+
48+
<tr>
49+
<td><input type="button" value="1"></td>
50+
<td><input type="button" value="2"></td>
51+
<td><input type="button" value="3"></td>
52+
<td><input type="button" value="/"></td>
53+
</tr>
54+
<tr>
55+
<td><input type="button" value="4"></td>
56+
<td><input type="button" value="5"></td>
57+
<td><input type="button" value="6"></td>
58+
<td><input type="button" value="*"></td>
59+
</tr>
60+
<tr>
61+
<td><input type="button" value="7"></td>
62+
<td><input type="button" value="8"></td>
63+
<td><input type="button" value="9"></td>
64+
<td><input type="button" value="-"></td>
65+
</tr>
66+
<tr>
67+
<td><input type="button" value="0"></td>
68+
<td><input type="button" value="."></td>
69+
<td><input type="button" value="="></td>
70+
<td><input type="button" value="+"></td>
71+
</tr>
72+
</table>
73+
</body>
74+
75+
</html>

0 commit comments

Comments
 (0)