Skip to content

Nursaadet/IOS.Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📱 iOS Calculator

A fully functional web-based iOS Calculator clone built using HTML, CSS, and Vanilla JavaScript.

This project is not just a UI replica — all arithmetic operations are fully implemented and working dynamically through JavaScript.


🖼️ Project Preview

🎬 Working Demo

Calculator Demo

🎨 CSS Grid Layout Structure

CSS Grid Layout

🖼️ Static Preview

Calculator Preview


✅ Functional Features

🧮 Fully Working Arithmetic Operations

  • ➕ Addition
  • ➖ Subtraction
  • ✖️ Multiplication
  • ➗ Division
  • 📊 Percentage (%)
  • 🔄 Sign change (+/-)
  • 🔢 Decimal number support
  • 🧹 AC (All Clear)
  • 🟰 Real-time result calculation

🎨 UI & Design Features

  • iOS Calculator inspired design
  • CSS Grid-based button layout
  • Centered responsive structure
  • Hover interaction effects
  • Extended 0 button design
  • Realistic iOS color palette

🛠️ Technologies Used

  • HTML5
  • CSS3 (Grid & Flexbox)
  • Vanilla JavaScript

📂 Project Structure

├── index.html
├── style.css
├── index.js
├── iosCalculator.gif
├── css-grid-ios.gif
├── css-grid-ios.png
└── README.md

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors