Skip to content

Design inspire from iPhone's calculator app. App will do all mathematical operation.

Notifications You must be signed in to change notification settings

mekanhaji/iPhone-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

iPhone Calculator

This project is an implementation of a calculator web application inspired by the design and functionality of the calculator app on the iPhone. It is built using JavaScript, HTML, and CSS.

Features

  • Basic arithmetic operations: addition, subtraction, multiplication, and division.
  • Support for decimal numbers.
  • Clear button to reset the calculator display.
  • Responsive design that adapts to different screen sizes.

Technologies Used

  • JavaScript: Used to handle the calculator's logic and perform calculations.
  • HTML: Provides the structure and layout of the calculator interface.
  • CSS: Adds styling and visual enhancements to the calculator.

Usage

To use the iPhone Calculator, simply click on this link and open in a web browser.

  1. Launch the calculator in your preferred web browser.
  2. Press the buttons on the calculator interface to input numbers and perform operations.
  3. The current calculation and result will be displayed on the screen.
  4. To clear the calculator and start a new calculation, click the "C" (clear) button.

Project Structure

The project structure is as follows:

.
├── App/
│   |── style.css
│   └── script.js
├── index.html
└── README.md
  • The App directory contains the style.css file, which contains the CSS styles for the calculator interface.
  • The App directory also contains the script.js file, which contains the JavaScript code responsible for the calculator's functionality.
  • The index.html file is the main HTML file that displays the calculator interface.
  • The README.md file provides information about the project.

Customization

You can customize the calculator's appearance and behavior by modifying the CSS and JavaScript files.

  • To change the visual style, edit the CSS styles in the styles.css file.
  • To add new functionality or modify the existing behavior, modify the JavaScript code in the script.js file.

Contributions

Contributions to the project are welcome. If you encounter any issues or have suggestions for improvements, feel free to submit a pull request or open an issue on the project repository.

Acknowledgements

  • This project was inspired by the design and functionality of the calculator app on the iPhone.
  • Special thanks to the developers and contributors of the JavaScript, HTML, and CSS programming languages for providing the tools and resources necessary to build this project.