JS-Calculator-Lab/scientific.html at main · Denae716/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
<!DOCTYPE html>
<html>
    <link rel = "stylesheet" href = "styles.css">
    <h1><a href = standard.html>Standard</a> | Scientific</h1>
    <div class = "calculator">
        <div class = "calculator_display">0</div>
        <div class = "calculator_keys_scientific">
            <button style = "background-color: gainsboro">Rad | Deg</button>
            <button style = "background-color: gainsboro">x!</button>
            <button style = "background-color: gainsboro">(</button>
            <button style = "background-color: gainsboro">)</button>
            <button style = "background-color: gainsboro">%</button>
            <button style = "background-color: gainsboro">AC</button>
            <button>Inv</button>
            <button>Sin</button>
            <button>In</button>
            <button>7</button>
            <button>8</button>
            <button>9</button>
            <button style = "background-color: gainsboro">/</button>
            <button>&#960;</button>
            <button>Cos</button>
            <button>log</button>
            <button>4</button>
            <button>5</button>
            <button>6</button>
            <button style = "background-color: gainsboro">*</button>
            <button>e</button>
            <button>Tan</button>
            <button>&#8730;</button>
            <button>1</button>
            <button>2</button>
            <button>3</button>
            <button style = "background-color: gainsboro">-</button>
            <button>Ans</button>
            <button>EXP</button>
            <button>x<sup>y</sup></button>
            <button>0</button>
            <button>.</button>
            <button style = "background-color: dodgerblue">=</button>
            <button style = "background-color: gainsboro">+</button>
        </div>
    </div>

</html>