calculator/index.html at main · CodeSaadhika/calculator · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Simple Calculator With Dark Mode.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Calculator</title>
    <link rel="icon" type="image/x-icon" href="assets/calculator.ico">
    <link rel="stylesheet" href="style/style.css">
</head>
<body>
    <div class="center">
        <form name="forms">
            <input type="text" id="display" name="display" disabled/>
            <div class="buttons">
                <input type="button" id="btn" value="7" />
                <input type="button" id="btn" value="8" />
                <input type="button" id="btn" value="9" />
                <input type="button" id="btn" value="/" /><br />
                <input type="button" id="btn" value="4" />
                <input type="button" id="btn" value="5" />
                <input type="button" id="btn" value="6" />
                <input type="button" id="btn" value="*" /><br />
                <input type="button" id="btn" value="1" />
                <input type="button" id="btn" value="2" />
                <input type="button" id="btn" value="3" />
                <input type="button" id="btn" value="-" /><br />
                <input type="button" id="btn" value="." />
                <input type="button" id="btn" value="0" />
                <input type="button" id="btn" value="+" />
                <input type="button" id="clear" value="AC" onclick="document.forms.display.value=''"><br/>
                <input type="button" id="equal" value="="
                onclick="document.forms.display.value=eval(document.forms.display.value)"/>
            </div>
        </form>
    </div>
    <script src="script/script.js"></script>
</body>

</html>