This is a simple calculator web application built with HTML, CSS, and JavaScript. It allows users to perform basic arithmetic operations and displays the result on the calculator screen.
- index.html : the main HTML file for the calculator app
- Calc_Script.js : the JavaScript file containing the logic for the calculator
- Calc_Style.css : the CSS file containing the styles for the calculator interface
The calculator's functionality is implemented using JavaScript, embeded in Calc_Script.js file. The script includes event listeners that respond to button clicks, and perform the necessary calculations based on the user's input. The script also includes functions for performing addition, subtraction, multiplication, and division. Overall, this calculator is a good example of how HTML, CSS, and JavaScript can be used together to create a functional and aesthetically pleasing application.
The calculator is styled using CSS, embeded in Calc_Style.css file. The calculator's overall design features a white background with a linear gradient to the right, from rgb(0, 170, 254) to rgb(0, 254, 108). The buttons have a light blue background color, with a darker blue color on hover. The calculator display features a white background with balck text, and a border around it to give it a clean and modern look. The font used is "Gotham Rounded", which gives the calculator a professional and stylish appearance.
Performs basic mathematical operations such as
- Addition
- Subtraction
- Multiplication
- Division
AC clears both the screen.
DEL deletes the last number of the main display.