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
|
let results = document.querySelector('.results')
let answer = '';
let answered = false;
const c = document.querySelector('.button-c')
const X = document.querySelector('.button-X')
const dot = document.querySelector('.button-dot')
const num = document.querySelectorAll('.num')
const op = document.querySelectorAll('.sp')
// Numbers
num[0].addEventListener('click', () => {
answer += '0';
results.textContent = answer;
})
num[1].addEventListener('click', () => {
answer += '1';
results.textContent = answer;
})
num[2].addEventListener('click', () => {
answer += '2';
results.textContent = answer;
})
num[3].addEventListener('click', () => {
answer += '3';
results.textContent = answer;
})
num[4].addEventListener('click', () => {
answer += '4';
results.textContent = answer;
})
num[5].addEventListener('click', () => {
answer += '5';
results.textContent = answer;
})
num[6].addEventListener('click', () => {
answer += '6';
results.textContent = answer;
})
num[7].addEventListener('click', () => {
answer += '7';
results.textContent = answer;
})
num[8].addEventListener('click', () => {
answer += '8';
results.textContent = answer;
})
num[9].addEventListener('click', () => {
answer += '9';
results.textContent = answer;
})
// Operations
op[0].addEventListener('click', () => {
answer += '/';
results.textContent = answer;
})
op[1].addEventListener('click', () => {
answer += '*';
results.textContent = answer;
})
op[2].addEventListener('click', () => {
answer += '-';
results.textContent = answer;
})
op[3].addEventListener('click', () => {
answer += '+';
results.textContent = answer;
})
// Equals (=)
op[4].addEventListener('click', () => {
answered = true;
answer = eval(answer);
results.textContent = answer;
})
// Dot (.)
dot.addEventListener('click', () => {
answer += '.';
results.textContent = answer;
})
// Clear (C)
c.addEventListener('click', () => {
answer = '';
results.textContent = answer;
})
// Remove (X)
X.addEventListener('click', () => {
if (answered == true) {
answer = '';
results.textContent = answer;
answered = false;
return;
}
answer = answer.slice(0, -1);
results.textContent = answer;
})
|