https://github.com/sonawaneashwini/calculator
Explore this repository for a sleek web-based calculator built with HTML, CSS, and JavaScript. It features a user-friendly interface and efficient computation logic, perfect for quick calculations or educational purposes.
https://github.com/sonawaneashwini/calculator
calculator calculator-javascript css html-css-js
Last synced: about 2 months ago
JSON representation
Explore this repository for a sleek web-based calculator built with HTML, CSS, and JavaScript. It features a user-friendly interface and efficient computation logic, perfect for quick calculations or educational purposes.
- Host: GitHub
- URL: https://github.com/sonawaneashwini/calculator
- Owner: SonawaneAshwini
- License: mit
- Created: 2024-06-18T17:13:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-30T18:15:20.000Z (about 1 year ago)
- Last Synced: 2024-11-13T20:41:08.993Z (about 1 year ago)
- Topics: calculator, calculator-javascript, css, html-css-js
- Language: CSS
- Homepage:
- Size: 28.3 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Calculator
# Introduction
The project is a simple yet functional web-based calculator. It features basic arithmetic operations and a dark mode toggle. The system consists of three main files: index.html for the structure, style.css for the styling, and script.js for the interactive functionality.
# System Architecture
The architecture of this system is based on the classic Model-View-Controller (MVC) design pattern:
• Model: The data and business logic, which in this case are minimal as the operations are simple arithmetic evaluations.
• View: The user interface, defined in index.html and styled by style.css.
• Controller: The interaction logic, including the dark mode toggling, handled by script.js.
# Features
1. Basic Arithmetic Operations: The calculator supports addition, subtraction, multiplication, and division.
2. Dark Mode Toggle: Users can switch between dark and light modes.
3. Responsive Design: The calculator layout adjusts to different screen sizes.
4. Interactive UI: Buttons highlight when clicked, providing a tactile feel.
# Integration with Calculator
The system integrates the calculator functionalities within a responsive and interactive web page. The HTML structure ensures all elements are in place, CSS provides styling for an enhanced user experience, and JavaScript adds interactivity.
# Conclusion
This project demonstrates the creation of a functional web-based calculator using HTML, CSS, and JavaScript. It offers basic arithmetic operations and a dark mode feature, ensuring a good user experience with a responsive design.
# References
1. MDN Web Docs - HTML
2. MDN Web Docs - CSS
3. MDN Web Docs - JavaScript
## Contributors ✨
- Ashwini Sonawane
- Contact: ashwinisonawane9853@gmail.com
- GitHub: [Profile](https://github.com/SonawaneAshwini)
- Shravan Dalavi
- Contact: shravandalavi137@gmail.com
- GitHub:[Profile]( https://github.com/ShravanDalavi)