Calculator/index.html at main · DrewAMSD/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
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Calculator</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
    <div id="container_all">
      <div id="container_main_window">
        <div id="container_answer">
          <div id="answer">ans =</div>
        </div>
        <div id="container_main_window_items">
          <div id="main_number" class="main_window_items">0</div>
          <button id="equal_button">=</button>
        </div>
      </div>
      <div id="container_buttons">
        <div id="container_number_buttons">
          <button id="button_7" class="buttons">7</button>
          <button id="button_8" class="buttons">8</button>
          <button id="button_9" class="buttons">9</button>
          <button id="button_4" class="buttons">4</button>
          <button id="button_5" class="buttons">5</button>
          <button id="button_6" class="buttons">6</button>
          <button id="button_1" class="buttons">1</button>
          <button id="button_2" class="buttons">2</button>
          <button id="button_3" class="buttons">3</button>
          <button id="button_0" class="buttons">0</button>
          <button id="button_." class="buttons">.</button>
          <button id="button_(-)" class="buttons">(-)</button>
        </div>
        <div id="container_operation_buttons">
          <button id="plus_button" class="operator_buttons">+</button>
          <button id="minus_button" class="operator_buttons">-</button>
          <button id="multiply_button" class="operator_buttons">*</button>
          <button id="divide_button" class="operator_buttons">/</button>
        </div>
        <div id="container_other_buttons">
          <button id="clear_button" class="other_buttons">CE</button>
          <button id="backspace_button" class="other_buttons">
            <img src="./images/backspace-button.png" class="images" />
          </button>
          <button id="ans_button" class="other_buttons">ans</button>
        </div>
      </div>
    </div>
    <script src="index.js"></script>
  </body>
</html>