https://github.com/lakshayd02/calculator

A Simple Calculator designed using HTML, CSS and JavaScript which performs basic Arithmetic Operations.
https://github.com/lakshayd02/calculator

calculator css css-grid css3 font-awesome html javascript javascript-library mdn media-query

Last synced: 6 months ago
JSON representation

A Simple Calculator designed using HTML, CSS and JavaScript which performs basic Arithmetic Operations.

• Host: GitHub
• URL: https://github.com/lakshayd02/calculator
• Owner: LakshayD02
• Created: 2023-08-26T17:46:40.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-01-31T11:29:25.000Z (8 months ago)
• Last Synced: 2025-04-15T16:18:34.121Z (6 months ago)
• Topics: calculator, css, css-grid, css3, font-awesome, html, javascript, javascript-library, mdn, media-query
• Language: CSS
• Homepage: https://calculator-lakshay.netlify.app/
• Size: 296 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Calculator

**Description:**

This project demonstrates how to create a functional calculator using web technologies.  It showcases how to handle user input, perform calculations, and display results dynamically using JavaScript.  It's a great example for learning about DOM manipulation, event handling, and basic arithmetic operations in JavaScript.

**Features:**

* **Basic Arithmetic Operations:** Performs addition (+), subtraction (-), multiplication (*), and division (/) operations. ➕➖✖️➗

* **Clear Display:**  Displays the current input and the result of calculations in a clear and easy-to-read format.  🔢

* **Keyboard Support:**  Allows users to input numbers and operators using the keyboard. ⌨️

**Technologies Used:**

* **HTML:** Provides the structure and content of the calculator interface (buttons, display).

* **CSS:** Styles the calculator elements, controlling its appearance.

* **JavaScript:** Implements the calculator logic, handling user input, performing calculations, and updating the display.

**Ideal For:**

* Learning about DOM manipulation and event handling in JavaScript. 📚

* Building interactive web applications. 💡

* Understanding basic arithmetic operations in JavaScript. ➕➖✖️➗

* Practicing front-end development skills. 💻

**To Run:**

1. Clone the repository. ⬇️

2. Open the `index.html` file in your web browser. 🌐