Javascript Calculator 🧮

Preview: (View live project)

Built with:

• 
• 
• 

Tools Used:

• 
• 
• 
• 

Features:

• Addition, subtraction, multiplication and division
• Support for negative numbers
• Validate equations
• Multiple operations supported if pressing an operator
• +/- toggle button
• Disable decimal button if clicked
• Results containing a decimal is rounded to 1 decimal
• Fully implemented backspace button
• Alert if user try to divide by 0
• Alert if the equation is not a valid one
• Mouse & keyboard support
• Support for Numpad

Usage:

• Escape/Delete = AC Button
• Enter = Equal Button

What I have learned:

• Use regex patterns to validate and parse mathematical expressions
• Keyboard events
• Using media queries to make the calculator responsive to both 1080p and 3440x1440p
• Using getFullYear method to update copyright footer
• Chained ogether CSS rules to minimize code
• Use more functions instead of repeating code

Acknowledgments:

• This project was inspired by The Odin Project