Calculator/script.js at main · fatim2001/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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
const numbers = document.querySelectorAll(".number")
console.log(numbers)

const numbers = document.querySelectorAll(".number")
numbers.forEach((number)=> {
    console.log(number)
})

const numbers = document.querySelectorAll(".number")
numbers.forEach((number)=> {
    number.addEventListener("click", () => {
        console.log("number is pressed")
    })
})

const numbers = document.querySelectorAll(".number")
numbers.forEach((number)=> {
    number.addEventListener("click", (event) => {
        console.log(event.target.value)
    })
})

const calculatorScreen = document.querySelector(`.calculator-screen`)
const updateScreen = (number) => {
    calculatorScreen.value = number
}

const calculatorScreen = document.querySelector(`.calculator-screen`)
const updateScreen = (number) => {
    calculatorScreen.value = number
}
const numbers = document.querySelectorAll(".number")
numbers.forEach((number) => {
    number.addEventListener ("click", (Event) => {
        updateScreen(Event.target.value)
    })
})

let prevNumber = ''
let calculationOperator = ''
let currentNumber = '0'

const inputNumber = (number) => {
    currentNumber = number
}
numbers.forEach((number)=> {
    number.addEventListener("click",(Event)=> {
        inputNumber(Event.target.value)
        updateScreen(currentNumber)
    })
})
const inputNumber =(number) => {
    currentNumber += number
}
const inputNumber = (number) => {
    if (currentNumber === '0') {
    } else {
        currentNumber += number
    }
}
const operators = document.querySelectorAll(".operator")
operators.forEach((operator) => {
    operator.addEventListener("click", (Event)=> {
        console.log(Event.target.value)
    })
})
const inputOperator = (operator) => {
    prevNumber = currentNumber
    calculationOperator = operator
    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', ()=> {
    console.log('equal button is pressed')
})
const calculate = () => {
    let result = ''
    switch(calculationOperator) {
        case "+":
            result = prevNumber + currentNumber
            break
        case "-":
            result = prevNumber - currentNumber
            break
        case "*":
            result = prevNumber * currentNumber
            break
        case "/":
            result = prevNumber / currentNumber
            break
        default:
            return
    }
    currentNumber = result
    calculationOperator = ''
}
const equalSign = document.querySelector('.equal-sign')
equalSign.addEventListener('click', () => {
    calculate()
    updateScreen(currentNumber)
})
const calculate = () => {
    let result = ''
    switch(calculationOperator) {
        case '+':
            result = parseFloat(prevNumber) + parseFloat(currentNumber)
            break
    }
}
const clearBtn = document.querySelector('.all-clear')
clearBtn.addEventListener('click', () => {
    console.log('AC button is pressed')
})
const clearAll = () => {
    prevNumber =''
    calculationOperator = ''
    currentNumber = '0'
}
const clearBtn = document.querySelector('.all-clear')
clearBtn.addEventListener('click', () => {
    clearAll()
    updateScreen(currentNumber)
})
const decimal = document.querySelector('.decimal')
decimal.addEventListener('click', (Event) => {
    console.log(Event.target.value)
})
inputDecimal = (dot) => {
    currentNumber += dot
}
const decimal = document.querySelector('.decimal')
decimal.addEventListener('click', (Event) => {
    inputDecimal(Event.target.value)
    upsateScreen(currentNumber)
})

inputDecimal = (dot) => {
    if(currentNumber.includes('.')) {
        return
        currentNumber += dot
    }
}
const inputOperator = (operator) => {
    if (calculationOperator === '') {
        prevNumber = currentNumber
    }
    calculationOperator = operator
    currentNumber = '0'
}