CalculatorElectronJS/index.html at master · drzeeb/CalculatorElectronJS · 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/dark.css"/>
    <link rel="stylesheet" href="css/light.css"/>
    <title>Calculator</title>
  </head>
  <body id="body">
    <div class="container-fluid d-flex bg" >
      <div class="row custom-col-padding flex-grow">
        <div class="col-12">
            <input type="text" class="screen h-100" readonly id="screen"/>
        </div>
      </div>
      <div class="row custom-col-padding flex-grow">
        <div class="col-2">
            <button type="button" id="btn7" data-val="7" class="btn btn-primary btn-block btn-lg h-100">7</button>
        </div>
        <div class="col-2">
            <button type="button" id="btn8" data-val="8" class="btn btn-primary btn-block btn-lg h-100">8</button>
        </div>
        <div class="col-2">
            <button type="button" id="btn9" data-val="9" class="btn btn-primary btn-block btn-lg h-100">9</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnDivide" data-val="&divide;" class="btn btn-info btn-block btn-lg h-100">&divide;</button>
        </div>
        <div class="col-4">
            <button type="button" id="btnC" data-val="C" class="btn btn-danger btn-block btn-lg h-100">C</button>
        </div>
      </div>
      <div class="row custom-col-padding flex-grow">
        <div class="col-2">
            <button type="button" id="btn4" data-val="4" class="btn btn-primary btn-block btn-lg h-100">4</button>
        </div>
        <div class="col-2">
            <button type="button" id="btn5" data-val="5" class="btn btn-primary btn-block btn-lg h-100">5</button>
        </div>
        <div class="col-2">
            <button type="button" id="btn6" data-val="6" class="btn btn-primary btn-block btn-lg h-100">6</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnTimes" data-val="&times;" class="btn btn-info btn-block btn-lg h-100">&times;</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnParenthesisOpen" data-val="(" class="btn btn-info btn-block btn-lg h-100">(</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnParenthesisClose" data-val=")" class="btn btn-info btn-block btn-lg h-100">)</button>
        </div>
      </div>
      <div class="row custom-col-padding flex-grow">
        <div class="col-2">
            <button type="button" id="btn1" data-val="1" class="btn btn-primary btn-block btn-lg h-100">1</button>
        </div>
        <div class="col-2">
            <button type="button" id="btn2" data-val="2" class="btn btn-primary btn-block btn-lg h-100">2</button>
        </div>
        <div class="col-2">
            <button type="button" id="btn3" data-val="3" class="btn btn-primary btn-block btn-lg h-100">3</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnMinus" data-val="-" class="btn btn-info btn-block btn-lg h-100">-</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnSquare" data-val="&sup2;" class="btn btn-info btn-block btn-lg h-100">x&sup2;</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnSquareRoot" data-val="&radic;" class="btn btn-info btn-block btn-lg h-100">&radic;</button>
        </div>
      </div>
      <div class="row custom-col-padding flex-grow">
        <div class="col-2">
            <button type="button" id="btnZero" data-val="0" class="btn btn-primary btn-block btn-lg h-100">0</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnComma" data-val="," class="btn btn-info btn-block btn-lg h-100">,</button>
        </div>
        <div class="col-2">
            <button type="button" id="themeMode" data-val="themeMode" class="btn btn-info btn-block btn-lg h-100">&#x25D1;</button>
        </div>
        <div class="col-2">
            <button type="button" id="btnPlus" data-val="+" class="btn btn-info btn-block btn-lg h-100">+</button>
        </div>
        <div class="col-4">
            <button type="button" id="btnResult" data-val="result" class="btn btn-success btn-block btn-lg h-100">=</button>
        </div>
      </div>
    </div>
    <script src="js/bootstrap.min.js"></script>
    <script>
      // You can also require other files to run in this process
      //require('./renderer.js')
      require('./functions.js')
    </script>

  </body>
</html>