Calculator

Let's perform arithmetic operations on numbers

View Demo · Report Bug · Request Feature

About this project 🚀

A JavaScript-based calculator: Enables users to perform mathematical operations interactively within a web browser.

How it looks 📷

Usage

• For Mobile

  • General

    • Click the visual buttons to use Calculator

• For Desktop

  • General

    • You can also click visual buttons for access
    • Refer additional information below

  • Additional

    • Keyboard Supported
    • Backspace Key: Deletes a value
    • Enter Key: Show the Result
    • 0-9 Keys: Takes input for Numbers
    • 'C' Key: Clears the Display
    • Operation Keys: Operates with operands

Features

• A Simple Calculator which is built with Modern Javascript practices
• It can evaluate expressions for Multiplication, Division, Subraction, Addition & Modulo Division
• Comes with user friendly UI & UX
• Responsive for both Desktop & Mobile

Outcome

• Used HTML5 semantic elements for better readability and structure
• Used CSS3 grid and flex to manage layout
• Used Data-Attributes for accessing DOM Elements
• Used Git and GitHub for project management
• Tried to maintain clean code
• Cross tested on Firefox and Chromium based browsers

What I learned

• Usability of Javascript's ES6 Classes
• Utilization of transitionend event for animating buttons without hassle
• Learned to add keyboard support with event listeners

Acknowledgments

• Inspiration by The Odin Project

---

Connect with me!

LinkedIn