-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
31 lines (31 loc) · 1.06 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
// elements
let displayBox = document.querySelector(".display");
let btn = document.querySelectorAll(".btn");
const calculate = document.querySelector(".calculate");
const AC = document.querySelector(".clear-all");
const C = document.querySelector(".clear-last");
// get all numbers and operators & show them on display box by clicking
btn.forEach((item) => {
item.addEventListener("click", function (e) {
const clickedItems = e.target.innerHTML;
displayBox.innerHTML == 0
? (displayBox.innerHTML = clickedItems)
: (displayBox.innerHTML += clickedItems);
});
});
// calculate button
calculate.addEventListener("click", function () {
let currentVal = displayBox.innerText;
displayBox.innerText = eval(currentVal);
});
// clear all (AC)
AC.addEventListener("click", function () {
displayBox.innerHTML = 0;
});
// clear last value (C)
C.addEventListener("click", function () {
let currentVal = displayBox.innerText;
currentVal.length === 1
? (displayBox.innerText = 0)
: (displayBox.innerText = currentVal.substring(0, currentVal.length - 1));
});