Scribd
Upload
19 views1 page

Script

This document contains JavaScript code for a simple calculator application. It defines a function to handle button clicks, perform calculations, and manage the display output. The code includes functionality for basic operations, clearing the output, and deleting the last character entered.

Uploaded by

azaanahrmad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
19 views1 page

Script

This document contains JavaScript code for a simple calculator application. It defines a function to handle button clicks, perform calculations, and manage the display output. The code includes functionality for basic operations, clearing the output, and deleting the last character entered.

Uploaded by

azaanahrmad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

const display = document.querySelector(".

display");
const buttons = document.querySelectorAll("button");
const specialChars = ["%", "*", "/", "-", "+", "="];
let output = "";
//Define function to calculate based on button clicked.
const calculate = (btnValue) => {
display.focus();
if (btnValue === "=" && output !== "") {
//If output has '%', replace with '/100' before evaluating.
output = eval(output.replace("%", "/100"));
} else if (btnValue === "AC") {
output = "";
} else if (btnValue === "DEL") {
//If DEL button is clicked, remove the last character from the
output.
output = output.toString().slice(0, -1);
} else {
//If output is empty and button is specialChars then return
if (output === "" && specialChars.includes(btnValue)) return;
output += btnValue;
}
display.value = output;
};
//Add event listener to buttons, call calculate() on click.
buttons.forEach((button) => {
//Button click listener calls calculate() with dataset value as
argument.
button.addEventListener("click", (e) =>
calculate(e.target.dataset.value));
});

You might also like