Javascript-Basic-Calculator/script.js at main · OlamyDev/Javascript-Basic-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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
const numbers = document.querySelectorAll(".number");
const operators = document.querySelectorAll(".operator");
const equals = document.querySelector(".equals");
const result = document.querySelector("#result");
const clearBtn = document.querySelector(".clear");

let num1 = "";
let num2 = "";
let changed = false;
let operation = "";

numbers.forEach((number) => {
  number.addEventListener("click", (e) => {
    if (!changed) {
      num1 += e.target.innerHTML; //num1 = num1 + e.target.innerHtml
      result.value = num1;
    } else {
      num2 += e.target.innerHTML; //num1 = num1 += e.target.innerHtml
      result.value = num2;
    }
  });
});

operators.forEach((operator) => {
  operator.addEventListener("click", (e) => {
    if (!changed) {
      change = true;
    }

    switch (e.target.innerHTML) {
      case "+":
        operation = "add";
        break;

      case "-":
        operation = "minus";
        break;

      case "*":
        operation = "times";
        break;

      case "/":
        operation = "division";
        break;
    }
  });
});

equals.addEventListener("click", () => {
  switch (operation) {
    case "add":
      result.value = Number(num1) + Number(num2);
      break;

    case "minus":
      result.value = Number(num1) - Number(num2);
      break;

    case "times":
      result.value = Number(num1) * Number(num2);
      break;

    case "division":
      result.value = Number(num1) / Number(num2);
      break;
  }
});

clearBtn.addEventListener("click", () => {
  result.value = "";
  num1 = "";
  num2 = "";
  changed = false;
});