kalkulator.github.io/script.js at main · c0141316/kalkulator.github.io · 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
103
104
105
106
let prevNumber = '';
let calculationOperator = '';
let currentNumber = '0';
let calcbin = false;

const inputNumber = (number) => {
  if(currentNumber === '0') {
    currentNumber = number;
  } else {
    currentNumber += number;
  }
}

const inputOperator = (operator) => {
  if (calculationOperator === '') {
    prevNumber = currentNumber;
  }
  calculationOperator = operator;
  currentNumber = '';
}

const calculate = () => {
  let result = '';
  switch(calculationOperator) {
    case "+":
      result = parseFloat(prevNumber) + parseFloat(currentNumber);
      break
    case "-":
      result = parseFloat(prevNumber) - parseFloat(currentNumber);
      break
    case "*":
      result = parseFloat(prevNumber) * parseFloat(currentNumber);
      break
    case "/":
      result = parseFloat(prevNumber) / parseFloat(currentNumber);
      break
    case "%":
      result = (parseFloat(prevNumber) / 100) * parseFloat(currentNumber);
      break
    default:
      break
  }
  currentNumber = result;
  calculationOperator = '';
}

const clearAll = () => {
  prevNumber = '';
  calculationOperator = '';
  currentNumber = '0';
}

inputDecimal = (dot) => {
  if(currentNumber.includes('.')) {
    return
  }

  currentNumber += dot;
}

const calculatorScreen = document.querySelector(".calculator-screen");

const updateScreen = (number) => {
  calculatorScreen.value = number;
}

const numbers = document.querySelectorAll(".number");

numbers.forEach((number) => {
  number.addEventListener("click", () => {
    inputNumber(event.target.value);
    updateScreen(currentNumber);
  })
})

const operators = document.querySelectorAll(".operator");

operators.forEach((operator) => {
  operator.addEventListener("click", (event) => {
    inputOperator(event.target.value);
  })
})


const equalSign = document.querySelector(".equal-sign");

equalSign.addEventListener("click", () => {
  calculate();
  updateScreen(currentNumber);
})


const clearBtn = document.querySelector(".all-clear");

clearBtn.addEventListener("click", () => {
  clearAll();
  updateScreen(currentNumber);
})


const decimal = document.querySelector(".decimal");

decimal.addEventListener("click", (event) => {
  inputDecimal(event.target.value);
  updateScreen(currentNumber);
})