Concept
I decided to recreate and redesign the simple calculator I coded for my CS103 Intro to Web Programming and Technologies class. This time, I wanted the calculator to be more intuitive to use and fun, so I based it on a typewriter.
Development
I coded a basic typewriter shape and styled the buttons with a 3D effect. Pressing the button mimics a key being pressed and I also included an animated cursor to mimic a typing effect using CSS, making this somewhat of a digital typewriter. 🤔
What I worked on
Typewriter Calculator (2023)
The user clicks on a number, the operation, another number, and then equals so perform the calculation.
Pink Calculator (2021)
The user must type in two numbers and then click on an operation symbol to perform the operation on the numbers.