LEAP_Calculator/script.js at main · Veranith/LEAP_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
let digits = document.querySelectorAll(".digit");
let operators = document.querySelectorAll(".operator");
let equals = document.getElementById("buttonEq");
let calcDisplay = document.getElementById("inputField");
let clear = document.getElementById("clear");
let firstNumber = null;
let mathOperator = null;

digits.forEach((digit) => {
  digit.addEventListener("click", () => {
    if (calcDisplay.value == 0) {
      calcDisplay.value = digit.innerText;
    } else {
      calcDisplay.value += digit.innerText;
    }
  });
});

operators.forEach((operator) => {
  operator.addEventListener("click", () => {
    if (firstNumber === null) {
      firstNumber = parseFloat(calcDisplay.value);
      calcDisplay.value = 0;
      mathOperator = operator.id;
    }
  });
});

equals.addEventListener("click", () => {
  if (mathOperator !== null) {
    switch (mathOperator) {
      case "buttonMultiply":
        calcDisplay.value = firstNumber * parseFloat(calcDisplay.value);
        break;

      case "buttonDivide":
        calcDisplay.value = firstNumber / parseFloat(calcDisplay.value);
        break;

      case "buttonPlus":
        calcDisplay.value = firstNumber + parseFloat(calcDisplay.value);
        break;

      case "buttonMinus":
        calcDisplay.value = firstNumber - parseFloat(calcDisplay.value);
        break;

      default:
        break;
    }

    firstNumber = null;
    mathOperator = null;
  }
});

clear.addEventListener("click", () => {
  firstNumber = null;
  mathOperator = null;
  calcDisplay.value = 0;
});

console.log(operators);