-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
34 lines (32 loc) · 1.11 KB
/
script.js
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
const display = document.querySelector('#display');
const buttons = document.querySelectorAll('button');
buttons.forEach((item)=>{
item.onclick = () => {
if(item.id =='clear'){
display.innerText = '';
}
else if(item.id == 'backspace'){
let string = display.innerHTML.toString();
display.innerText = string.substr(0, string.length-1);
}
else if(display.innerText!=''&& item.id == 'equal'){
display.innerText = eval(display.innerText);
}
else if(display.innerText == '' && item.id == 'equal'){
display.innerText = 'Empty!';
setTimeout(()=>(display.innerText = ''),2000);
}
else{
display.innerText += item.id;
}
}
})
const themeToggleBtn = document.querySelector('.theme-toggler');
const calculator = document.querySelector(".calculator");
const toggleIcon = document.querySelector('.toggler-icon');
let isDark = true;
themeToggleBtn.onclick = () => {
calculator.classList.toggle('dark');
themeToggleBtn.classList.toggle('active');
isDark = !isDark;
}