Calculator

A calculator built using javascript and css.

Live Execution

0

AC ( ) + 7 8 9 - 4 5 6 * 1 2 3 / DEL 0 . =

Code

How I built the calculator with javascript

Calculator javascript

const keys = document.querySelectorAll("button");

//eventlistener
keys.forEach(key=>{
    key.addEventListener("click",calculate);
});

function calculate(){
    let buttonText = this.innerText;
    if(buttonText==="AC"){
        output.innerText = "";
        result.innerText = "0";
        result.style.animation = "";
        output.style.animation = "";
        return;
    }else if(buttonText === "DEL"){
        output.textContent = output.textContent.substr(0,output.textContent.length-1);
        return;
    }else if(buttonText === "="){
        result.innerText = eval(output.innerText);
        result.style.animation = "big 0.5s ease-in-out";
        output.style.animation = "small 0.5s ease-in-out";
        result.style.animationFillMode = "forwards";
        output.style.animationFillMode = "forwards";
        output.innerText = "";
    }else{
        output.textContent += buttonText;
        return;
    } 
}