-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (55 loc) · 2.87 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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Calculator | Home</title>
<link rel="icon" href="/assets/favicon.ico">
<meta name="author" content="Nayem Ahmed">
<meta name="description" content="This is a simple Calculator, a web application designed and created by Nayem Ahmed who is a web developer">
<meta name="keywords" content="calculator, simple calculator, web project, nayem ahmed, nayems canvas, nayemscanvas, nayems space, web designer, web developer, nayems world, nayems website">
<link rel="stylesheet" href="/styles.css">
</head>
<body>
<header>
<h1 id="web-name">Simple Calculator</h1>
<p id="web-details">A simple web project created by Nayem Ahmed</p>
</header>
<section>
<main>
<div id="calc">
<input type="text" id="display" name="display" value="0" readonly>
<p id="cross-section">
<button type="button" id="backspace" onclick="">x</button>
</p>
<hr>
<div id="interface">
<button type="button" id="clear" onclick="">C</button>
<button type="button" id="brackets" onclick="">( )</button>
<button type="button" id="modulas" onclick="">%</button>
<button type="button" id="division" onclick="">/</button> <br>
<button type="button" id="seven" onclick="">7</button>
<button type="button" id="eight" onclick="">8</button>
<button type="button" id="nine" onclick="">9</button>
<button type="button" id="multiply" onclick="">x</button> <br>
<button type="button" id="four" onclick="">4</button>
<button type="button" id="five" onclick="">5</button>
<button type="button" id="six" onclick="">6</button>
<button type="button" id="minus" onclick="">-</button> <br>
<button type="button" id="one" onclick="">1</button>
<button type="button" id="two" onclick="">2</button>
<button type="button" id="three" onclick="">3</button>
<button type="button" id="plus" onclick="">+</button> <br>
<button type="button" id="null" onclick="" disabled>+/-</button>
<button type="button" id="zero" onclick="">0</button>
<button type="button" id="dot" onclick="">.</button>
<button type="button" id="equal" onclick="">=</button>
</div>
</div>
</main>
</section>
<footer>
<p>All Right Reserved | Simple Calculator | Designed by Nayem</p>
</footer>
</body>
</html>