Simple Calculator Web Application

This project is a basic web-based calculator built using HTML, CSS, and JavaScript. It provides standard arithmetic operations (addition, subtraction, multiplication, division, and percentage) with a clean and responsive user interface.

Features

• Basic Arithmetic Operations: Perform addition, subtraction, multiplication, and division.
• Percentage Calculation: Supports percentage operations.
• Clear All (AC): Clears the entire input.
• Delete (DEL): Deletes the last entered digit or operator.
• Responsive Design: Adapts to various screen sizes for a consistent user experience.
• Stylish UI: Modern design with a gradient background and subtle shadows.

Technologies Used

• HTML5: For the structure of the calculator.
• CSS3: For styling and layout, including responsive design and visual effects.
• JavaScript: For calculator logic and interactive functionality.

How to Use

1. Clone the repository:

   git clone [https://github.com/YourUsername/calculator-web-app.git](https://github.com/YourUsername/calculator-web-app.git)

2. Navigate to the project directory:

   cd calculator-web-app

3. Open index.html: Simply open the index.html file in your web browser to start using the calculator.

Project Structure

calculator-web-app/ ├── index.html ├── style.css └── script.js

• index.html: The main HTML file containing the calculator's structure.
• style.css: Contains all the CSS rules for styling the calculator.
• script.js: Contains the JavaScript logic for calculator operations.

GitHub Upload Instructions

To upload this project to GitHub:

1. Initialize a Git repository in your project folder: Open your terminal or command prompt, navigate to your calculator-web-app directory (the one containing index.html, style.css, and script.js), and run:

   git init

2. Add your files to the staging area:

   git add .

   This command stages all changes in the current directory.

3. Commit your changes:

   git commit -m "Initial commit: Basic Calculator Web App"

   Replace the message with a descriptive one for your first commit.

4. Create a new repository on GitHub:

   • Go to GitHub and log in to your account.
   • Click on the "+" sign in the top right corner and select "New repository."
   • Give your repository a name (e.g., calculator-web-app), add an optional description, and choose whether it's public or private. Do not initialize with a README, .gitignore, or license as you've already created your files locally.
   • Click "Create repository."

5. Link your local repository to the remote GitHub repository: On the next page that GitHub shows after creating the repository, you'll see instructions under "…or push an existing repository from the command line." Copy and paste the two lines provided. They will look something like this (replace YourUsername and calculator-web-app with your actual details):

   git remote add origin [https://github.com/YourUsername/calculator-web-app.git](https://github.com/YourUsername/calculator-web-app.git)
   git branch -M main

   (Note: GitHub now defaults to main branch instead of master.)

6. Push your local commits to GitHub:

   git push -u origin main

Your project will now be live on your GitHub repository!