PariCoderDeveloper / Simple-Calculator-Web-App

This is a simple web-based calculator application designed for performing basic arithmetic operations. It features a responsive user interface with dynamically generated number buttons and a clear function, all powered by JavaScript.

Simple Calculator Web App

A clean and responsive web-based calculator that performs basic arithmetic operations.

Features

• Basic Arithmetic Operations: Supports addition, subtraction, multiplication, and division.
• Clear Functionality: A 'CL' button to reset the display and current calculation.
• Dynamic Number Button Generation: Number buttons (0-9) are created dynamically using JavaScript.
• Responsive Design: Adapts its layout for different screen sizes, including smaller mobile devices.
• User-Friendly Interface: Clean design with clear buttons for easy interaction.

Technologies Used

• HTML: For the basic structure and elements of the calculator interface.
• CSS: For styling the calculator, including layout, colors, and responsive adjustments. The CSS for this project was generated with AI.
• JavaScript: For all the interactive logic, including handling button clicks, performing calculations, updating the display, and dynamically creating number buttons.

How to Run

1. Save the files:
   • Create a main folder (e.g., CalculatorApp).
   • Inside CalculatorApp, create a folder named Styles. Save the CSS code as style.css inside Styles.
   • Inside CalculatorApp, create a folder named JavaScripts. Save the JavaScript code as script.js inside JavaScripts.
   • Save the HTML code as index.html directly inside the CalculatorApp folder.
2. Open index.html: Navigate to the CalculatorApp folder on your computer and open the index.html file in your web browser.

🧮 Simple Calculator Preview

Here’s what the calculator looks like in action:

Project Structure

CalculatorApp/
├── Styles/
│   └── style.css
├── JavaScripts/
│   └── script.js
└── index.html