Live Link : https://umbelth94.github.io/Odin_Calculator/

Calculator app based on the Odin Project curriculum

In this assignment, I was asked to build a functioning calculator that can do basic arithmetic. The goal was to utilize everything I've learned about Javascript fundamentals up to this point to create a smooth and responsive interface. In the end, I am very proud of this project as I was able to come up with all of the logic myself, even if it the code may not be the most efficient.

• The calculator does addition, subtraction, multiplication, and division
• Keyboard support
• The calculator's display face changes based on what the calculator is doing
• Hitting enter (or equals) after solving an equation will repeat the equation using the last number that was input
• The calculator will solve an equation and be ready for a new input when using different operands
• The number on the display will shrink/grow (to a point) to fit the screen
• Positive/Negative button
• Dividing by zero makes the calculator very upset

• First time utilizing Grid in CSS. Who would have thought it would be perfect for setting up and organizing a grid of buttons?
• First time utilizing button animations/transitions
• First time using a forEach loop to group a bunch of similar buttons together
• First time implementing keyboard support.
• Getting the HTML elements and Javascript to play nice was a journey.
• Tried my best to not overload the eventlisteners on the buttons and instead refactoring certain checks to seperate functions so that it at least LOOKS less chaotic.

I hope you like it!