A stylish, web-based calculator built with HTML, CSS, and JavaScript. It features a clean user interface with both light and dark themes to perform basic arithmetic operations. The background of the application body has a linear gradient
-
Standard Arithmetic Operations:
Operations: The calculator supports addition, subtraction, multiplication (x), and division (÷) -
Clear and Backspace:
It includes a 'C' button to clear the entire display and a backspace button to remove the last character entered -
Parentheses Support:
Users can use parentheses to group operations -
Dual Theme Mode:
A theme toggler allows switching between a light and a dark mode. The theme is toggled by adding or removing the .dark class from the main calculator element -
Equal Button:
An equals button (=) evaluates the expression shown on the display. If the display is empty when pressed, it shows "Empty!" for two seconds -
Centered Layout:
The application is built with a centered layout that occupies the full viewport height and width
-
HTML
-
CSS
-
JS
To run this application on your local machine:
-
Download or clone the repository
-
Open the
index.htmlfile in any modern web browser