Skip to content

Technozamazing/web.calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Calculator This is a simple web-based calculator created using HTML, CSS, and JavaScript.
It provides basic arithmetic operations and a clean user interface.

Features
-> Basic arithmetic operations: Addition, Subtraction, Multiplication, Division
-> Supports percentage calculations
-> Clear (AC) button to reset the input
-> Delete (DEL) button for deleting the last entered value
-> Decimal point support
-> Responsive design for better usability on different screen sizes

You can try the calculator live at: Web.calculator

Project Structure:
-> calculator-project
     │
     ├── index.html    # Main HTML file
     ├── style.css     # Styles for the calculator
     └── script.js     # JavaScript logic for calculator functionality

Usage
To use this calculator:

  1. Clone the repository:
    git clone https://github.com/Technozamazing/web.calculator.git
  2. Open the index.html file in your web browser.
  3. Start performing calculations!

Code Overview:
HTML
The main structure of the calculator is defined in the index.html file. It consists of buttons for numbers and operators, and an input field for displaying the result.

CSS
Basic styles for layout and responsiveness are written in the style.css file. You can customize the appearance by modifying this file.

JavaScript
The core logic of the calculator is handled by script.js. This file processes user input and performs arithmetic operations.

Here’s an overview of how the code works:
-> Button clicks are captured, and the input is updated accordingly.
-> The "=" button evaluates the expression and displays the result.
-> The "AC" button resets the calculator, while the "DEL" button removes the last digit.


*License
  This project is open-source and free to use. Feel free to modify and share as per your needs.