script.js

const display=document.querySelector(".display");
const buttons=document.querySelectorAll("button");
const specialChars=["%","+","/","-","+","="];
let output="";
console.log(display)
console.log(buttons)

const calculate = (btnvalue) => {
    if (btnvalue === "=" && output !== "") {
        output = eval(output.replace("%", "/100"));
    } else if (btnvalue === "AC") {
        output = ""; // Clear the output
    } else if (btnvalue === "DEL") {
        output = output.toString().slice(0, -1);
    } else {
        if (output === "" && specialChars.includes(btnvalue)) return;
        output += btnvalue;
    }
    display.value = output;
    console.log(btnvalue);
}


buttons.forEach((button)=>{
    button.addEventListener('click',(e)=>
        calculate(e.target.dataset.value));
})