JS-Calculator-Lab/index.html at main · ezotic/JS-Calculator-Lab · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Standard Calculator</title>
    <link rel="stylesheet" type="text/css" href="css/standard.css">
</head>
<body>
    <div class ="container">
       <div class ="calculator">
            <h4>#FlyEaglesFly</h4>
            <input type="text" id="screen" value="">
            <div class="calculator-buttons">
                <div>
                    <button onclick="resetScreen()" class="symbols" id=AC >AC</button>
                    <button onclick="clix('&#40')" class="symbols">(</button>
                    <button onclick="clix('&#41')" class="symbols">)</button>
                    <button onclick="clix('/')" class="symbols">&divide</button>
                </div>
                <div>
                    <button onclick="clix(7)" class="numbers" >7</button>
                    <button onclick="clix(8)" class="numbers" >8</button>
                    <button onclick="clix(9)" class="numbers" >9</button>
                    <button onclick="clix('*')" class="symbols" id=Mult>&times</button>
                </div>
                <div>
                    <button onclick="clix(4)" class="numbers">4</button>
                    <button onclick="clix(5)" class="numbers">5</button>
                    <button onclick="clix(6)" class="numbers">6</button>
                    <button onclick="clix('+')" class="symbols">+</button>
                </div>
                <div>
                    <button onclick="clix(1)" class="numbers">1</button>
                    <button onclick="clix(2)" class="numbers">2</button>
                    <button onclick="clix(3)" class="numbers">3</button>
                    <button onclick="clix('-')" class="symbols">-</button>
                </div>
                <div>
                    <button onclick="clix(0)" class="numbers">0</button>
                    <button onclick="clix('.')" class="symbols">.</button>
                    <button onclick="clix()" class="symbols" id="percentSign">%</button>
                    <button onclick="eql('=')" class="symbols" id="equalSign">=</button>

                </div>
            </div>
        </div>
    </div>
    <script src="js/standard.js"></script>
</body>
</html>