Simple Calculator

This project is a basic web-based calculator built using HTML, CSS, and JavaScript. It provides standard arithmetic operations and a user-friendly interface.

Features

• Basic Arithmetic: Addition, subtraction, multiplication, and division.
• Clear and Delete: Clear the current input or delete the last digit.
• Sign Change: Toggle the sign of the current input.
• Decimal Input: Allows for decimal numbers.
• History Display: Shows the previous input and operator.
• Error Handling: Displays "Error" for division by zero.
• Responsive Design: Works well on various screen sizes.

Technologies Used

• HTML: For the structure of the calculator.
• CSS: For styling and layout.
• JavaScript: For handling the calculator logic and user interactions.

How to Use

1. Clone the Repository:

   git clone https://github.com/chachaa10/calculator-odin.git
   
   cd calculator-odin

2. Open index.html: Open the index.html file in your web browser.

3. Use the Calculator: Click the buttons to perform calculations.

File Structure

|-- index.html      # Main HTML file
|-- style.css       # Styling for the website
|-- reset.css       # CSS reset for consistent styling
|-- script.js       # JavaScript for functionality

JavaScript Logic Overview

• DOM Manipulation: Selects and manipulates HTML elements.
• Event Listeners: Attaches event listeners to buttons for user interactions.
• Input Handling: Manages the current and previous input values.
• Arithmetic Operations: Performs calculations based on the selected operator.
• Display Updates: Updates the display with the current and history values.
• Error Handling: Checks for division by zero and displays an error message.
• Copyright display: Displays the current year in the footer.

Customization

• Styling: Modify the style.css file to change the appearance of the calculator.
• Functionality: Extend the script.js file to add more advanced features.

Author

• Chalex

License

This project is open source. Feel free to use and modify it as needed.