CALCULATOR/script.js at main · syedbarkath980/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
let numberButtons = document.querySelectorAll(".numBtn")
let operatorButtons = document.querySelectorAll(".opBtn")
let equalButton = document.querySelector(".eqBtn")
let display = document.querySelector(".calc-input")

let firstNumbers = "";
let secondNumbers = "";
let operator = "";
let calculationDone = false;

numberButtons.forEach((nBtn) => {
    nBtn.addEventListener('click', () => {
        if (calculationDone) {
            display.value = 0
            calculationDone = false
        }
        if (operator === "") {
            firstNumbers += nBtn.textContent
            display.value = firstNumbers
            console.log((firstNumbers));
        }
        else {
            secondNumbers += nBtn.textContent
            display.value += " " + secondNumbers

            console.log((secondNumbers));
        }
    })
})

operatorButtons.forEach((opBtn) => {
    opBtn.addEventListener('click', () => {
        operator = opBtn.textContent
        display.value += " " + operator

        console.log((operator));

    })
})

// numberButtons.forEach((nBtn2) => {
//     nBtn2.addEventListener('click', () => {
//         secondNumbers += nBtn2.textContent
//         console.log((secondNumbers));

//     })
// })

equalButton.addEventListener('click', () => {
    firstNumbers = Number(firstNumbers)
    secondNumbers = Number(secondNumbers)

    if (operator === "+") {
        display.value = (firstNumbers + secondNumbers)
    }
    if (operator === "-") {
        display.value = (firstNumbers - secondNumbers)
    }
    if (operator === "x") {
        display.value = (firstNumbers * secondNumbers)
    }
    if (operator === "/") {
        display.value = (firstNumbers / secondNumbers)
    }

    firstNumbers = ""
    secondNumbers = ""
    operator = ""
    calculationDone = true
})


/* Improvements to be added:
1. Keyboard Input
2. Decimal Numbers
*/