Welcome to the Simple Calculator project! This web-based calculator is designed with a clean and responsive interface using HTML, CSS, JavaScript, and Bootstrap. It’s perfect for performing basic arithmetic operations and is easy to customize and extend.
- Responsive Design: Utilizes Bootstrap to ensure a sleek appearance on all devices.
- Basic Arithmetic: Supports addition, subtraction, multiplication, and division.
- Clear and Delete: Easily clear the entire display or delete the last character.
- User-Friendly Interface: Intuitive layout with clearly labeled and color-coded buttons.
- Extendable Code: Modular structure allows for easy addition of new features.
Check out the live demo: Live Demo
- A modern web browser (Chrome, Firefox, Safari, etc.)
- Basic knowledge of HTML, CSS, and JavaScript
-
Clone the Repository:
git clone https://github.com/ajaykumar-dev-07/simple-calculator.git
-
Navigate to the Project Directory:
cd simple-calculator -
Open the Project: Open the
index.htmlfile in your preferred web browser.
- Input: Click the numeric and operator buttons to input your expression.
- Clear: Use the
Cbutton to reset the display. - Delete: Use the
⌫button to remove the last input character. - Calculate: Press the
=button to evaluate the expression.
- Bootstrap Classes: Modify the Bootstrap classes in
index.htmlandstyle.cssto change the button colors, sizes, and overall theme. - Custom CSS: Add your own styles in
style.cssto override Bootstrap defaults.
- Grid System: Adjust the button layout and spacing using Bootstrap's grid system (
col-3,col-6, etc.). - Additional Features: Extend the functionality by adding new operations or features in
script.js.
├── index.html # HTML structure with Bootstrap integration # Custom CSS for additional styling
└── script.js # JavaScript logic for calculator functionality