iPhone Style Calculator

A modern calculator built using HTML, CSS, and JavaScript with a clean user interface inspired by the iPhone calculator.

Project Overview

This project is a functional calculator created to practice JavaScript logic, DOM manipulation, event handling, and user interactions.

The interface is designed with an iPhone-style calculator layout, providing a clean and minimal user experience.

Features

• iPhone-inspired calculator UI
• Addition, subtraction, multiplication, and division
• Percentage calculation
• Clear/Reset functionality
• Decimal number support
• Positive/negative number conversion
• Real-time display updates
• Button click interactions
• Responsive design

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• DOM Manipulation
• Event Handling

JavaScript Concepts Practiced

• Variables and data types
• Functions
• Conditional statements
• Operators
• Event listeners
• DOM manipulation
• User input handling
• Mathematical operations
• Dynamic UI updates