Calculator/script.js at master · maulikaluthra/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
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
let prevInput = '0'
let calculationOperator = ''
let currentInput = '0'

//for initializing
const initialize = () =>
{
	prevInput = '0'
	calculationOperator = ''
	currentInput = '0'
}

//for inputting a number
const inputNumber = (number) =>
{
	if (currentInput === '0')
	{
		currentInput = number
	}
	else
	{
	currentInput += number
	}
}

//for inputting an operator
const inputOperator = (operator) =>
{
	prevInput = currentInput
	calculationOperator = operator
	currentInput = '0'
}

//for Percent
const Percent = () =>
{
	calculationOperator = '%'
}

//for calculating
const calculate = () =>
{
	let result = 0;
	switch(calculationOperator)
	{
		case '+': result = parseFloat(prevInput) + parseFloat(currentInput)
				  break
		case '-': result = parseFloat(prevInput) - parseFloat(currentInput)
				  break
		case '*': result = parseFloat(prevInput) * parseFloat(currentInput)
				  break
		case '/': result = parseFloat(prevInput) / parseFloat(currentInput)
				  break
		case '%': result = parseFloat(currentInput) / 100
				  break
		default:  return
	}
	currentInput = result.toString();
	calculationOperator = ''
}

//for updating Screen
const calculatorScreen = document.querySelector('.calculator-screen')

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

//for numbers
const numbers = document.querySelectorAll(".number")

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

//for operators
const operators = document.querySelectorAll(".operator")

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

//for decimal
const decimalPoint = document.querySelector(".decimal")

	decimalPoint.addEventListener("click", (event) =>
	{
		inputNumber(event.target.value)
		updateScreen(currentInput)
	})

//for equal to
const equalSign = document.querySelector(".equal-sign")

equalSign.addEventListener('click' , ()=>
{
	calculate()
	updateScreen(currentInput)
})

//for AC
const allClear = document.querySelector(".all-clear")

allClear.addEventListener('click' , ()=>
{
	initialize()
	updateScreen(currentInput)
})

//for Percentage
const percentageSign = document.querySelector(".percentage")
percentageSign.addEventListener('click' , (event)=>
{
	Percent()
})