Smart Duckulator 🦆
Overview
The Smart Duckulator is a simple calculator built using HTML, CSS, and JavaScript. It features a visually appealing design, user-friendly layout, and supports basic arithmetic operations. This project showcases collaborative teamwork and the application of fundamental web development skills.
Features
Basic Operations: Addition, subtraction, multiplication, and division.
Clear Screen: Easily reset calculations with a "CE" button.
Floating-Point Support: Perform calculations with decimal numbers.
Responsive Design: Centered calculator with an engaging design and hover effects for buttons.
Technologies Used
HTML: Structure and layout of the calculator.
CSS: Styling and design elements.
JavaScript: Functional logic for calculator operations.
File Structure
/project-directory ├── index.html # Main HTML file ├── styles.css # CSS file for styling ├── script.js # JavaScript file for functionality └── README.md # Project documentation
How to Use
Clone or download the project files.
Open index.html in any modern web browser.
Use the calculator for basic arithmetic operations:
Enter numbers using the provided buttons.
Perform operations by clicking on operator buttons (+, -, ×, ÷).
Use the = button to compute results.
Press CE to clear the display.
How It Works
Display Functionality:
The display() function appends clicked values to the input field.
Calculation:
The solve() function evaluates the expression in the input field using JavaScript's eval() function.
Clear Screen:
The clearScreen() function resets the input field to an empty state.
Preview
Credits
This project was collaboratively developed by:
Fernando: Led the design efforts and refined the CSS.
Emanuel: Structured and ensured clean HTML.
Jordyn: Implemented the JavaScript logic for calculator operations.