Project Calculator

A simple calculator made with HTML, CSS, and JavaScript.

Whew! This project took me about 5 days to complete. I'm proud that I was able to make it all work, for the most part, but I still have much to improve.

Learning Notes:

• I am getting more comfortable with CSS Grid.
• JS DOM functions are starting to stick in my head.
• I need to get better at planning before trying to execute. I knew ahead of time that I was going to want to impliment both button click input and keyboard input, however I didn't plan accordingly, and now my JS is hard to read and manage.

Things to Improve:

• I forgot to add a way to switch between positive and negative input until I got to the design stage. By that time, I was JavaScripted out.
• I wanted to add a custom font to make the number output appear like the numbers on an LCD screen, but I couldn't figure it out.
• I'm sure a more talented person than me can refactor the JS into something DRYer.
• There's still a lot of CSS I can learn to make my project look better and act more responsively.

From The Odin Project's curriculum