A simple calculator written in HTML, CSS, and JS.
This is part of the Foundations course in The Odin Project curriculum.
-
For the design, I was inspired by the pretty colors and unusual keypad layout of the Texas Instruments TI-150, so I tried to combine that with the simplicity of mini pocket calculators. (Shout out to my girlfriend for giving feedback on earlier iterations of the design.)
-
I got stuck on designing the front-end for a while, so I watched Kevin Powell's video on building a calculator (only the HTML/CSS part!) where I learned about accessibility issues one should think about, like the tab order for keyboard users, and whether to set the cursor to a pointer when hovering over buttons.
-
I got the idea on how to implement the calculator logic from reading about the internal workings of the calculator on Wikipedia. (Unexpected.)
Since this project is for learning purposes, I'm not accepting PRs. Instead, feel free to create an issue and leave some feedback! A little point for improvement or some words of motivation can go a long way for a beginner. :)