Welcome to the Tailwind Calculator, a web-based tool for performing basic arithmetic operations. This project utilizes HTML, CSS (Tailwind CSS), and JavaScript to create an intuitive interface with responsive design, allowing users to perform calculations effortlessly.
Check out the live demo here.
- Arithmetic Operations: Perform addition, subtraction, multiplication, and division.
- Interactive Interface: Dynamic styling using Tailwind CSS for a modern user experience.
- History Tracking: View past calculations within the session.
- Keyboard Support: Optionally use keyboard inputs for calculations.
- Responsive Design: Optimized layout across various devices.
- HTML
- CSS (Tailwind CSS)
- JavaScript
- Input Operations: Click on the calculator buttons to input numbers and operations.
- Perform Calculation: Press the "=" button to see the result of your operation.
- Clear or Delete: Use the "Clear" button to reset the current input or "Delete" button to remove the last input.
- Keyboard Shortcuts: Optionally use keyboard keys (e.g., numbers, operators, Enter) for faster input.
- index.html: Contains the structure of the calculator application.
- script.js: JavaScript file containing the calculator logic.
The HTML structure includes elements for the calculator display, buttons for numbers and operations, and sections for history tracking.
The JavaScript logic handles user inputs, performs calculations based on the selected operations, updates the display with results, and manages history tracking.
-
Clone the repository:
git clone https://github.com/ELHARCHAOUI-SIFEDDINE/Tailwind-Calculator.git
-
Navigate to the project directory:
cd Tailwind-Calculator
-
Open
index.html
in your preferred web browser to start using the calculator.
Contributions are welcome! If you have suggestions for improvements or new features, please feel free to submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
For any inquiries or feedback, please contact elharchaouisifeddine@gmail.com.