CodeAlpha_Calculator/app.js at main · Muhammad-Ali-Software-Engineer/CodeAlpha_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
let output = '';
let buttons = document.querySelectorAll('button');
Array.from(buttons).forEach((button) => {
    button.addEventListener('click', (event) => {
        if (event.target.innerHTML == "=") {
            output = output.replaceAll("x", "*");
            output = output.replaceAll("÷", "/")
            output = eval(output);
            document.querySelector(".screen").value = output;
        }
        else if (event.target.innerHTML == "AC") {
            output = '';
            document.querySelector(".screen").value = output;
        }
        else {
            output = output + event.target.innerHTML;
            document.querySelector(".screen").value = output;
        }
    })
})


// let output = '';
// let buttons = document.querySelectorAll('button');
// let screen = document.querySelector('.screen');

// Array.from(buttons).forEach((button) => {
//   button.addEventListener('click', (event) => {
//     let value = event.target.innerHTML;

//     // Clear all
//     if (value === 'AC') {
//       output = '';
//       screen.value = '';
//     }

//     // Evaluate expression
//     else if (value === '=') {
//       try {
//         // Replace symbols for JS eval
//         output = output.replace(/x/g, '*').replace(/÷/g, '/');
//         output = eval(output);
//         screen.value = output;
//       } catch {
//         screen.value = 'Error';
//         output = '';
//       }
//     }

//     // Handle +/- button
//     else if (value === '+/-') {
//       if (output.startsWith('-')) {
//         output = output.slice(1);
//       } else {
//         output = '-' + output;
//       }
//       screen.value = output;
//     }

//     // Handle % button
//     else if (value === '%') {
//       try {
//         output = (parseFloat(output) / 100).toString();
//         screen.value = output;
//       } catch {
//         screen.value = 'Error';
//         output = '';
//       }
//     }

//     // Normal buttons
//     else {
//       output += value;
//       screen.value = output;
//     }
//   });
// });