This is Calculator, an essential utility that has withstood the test of time.
This project is hosted on GitHub Pages. Feel free to ๐ try it out!
- Elementary arithmetic operations
- Multiple ops before equal
- Change ops before equal
- Evaluate only a single pair of numbers at a time
- Round up long results and decimals
- Implement negative numbers
- Clear entire calculation
- Warn of zero division, number limit
- Warn of entering operators and equal before numbers
- Operators won't register when entered w/o second operand
- CSS: Implement display font scaling
- CSS: Operation buttons different color from numbers
- CSS: Implement with Grid and Flexbox
- CSS: Implement modern-normalize
- EXTRA CREDIT: Implement decimals
- EXTRA CREDIT: Make it look nice
- EXTRA CREDIT: Delete characters
- EXTRA CREDIT: Implement keyboard shortcuts
Below are a collection of resources which helped improve my skills โจ while building the project:
- if-else vs switch - javatpoint
- What properties can I use with event.target? - Stack Overflow
- javascript - ReferenceError: Cannot access 'variable' before initialization - Stack Overflow
- html - How to set min-font-size in CSS - Stack Overflow
- css - Font scaling based on width of container - Stack Overflow
- css - Remove blue underline from link - Stack Overflow
- javascript - How to set an element's textContent, without the string getting trimmed? - Stack Overflow
- javascript - Check if a number has a decimal place/is a whole number - Stack Overflow
- javascript - Get first word of string - Stack Overflow
- HTML data-* Attribute
- KeyboardEvent.key - Web APIs | MDN
- Browse Fonts - Google Fonts
- GitHub - sindresorhus/modern-normalize: ๐ Normalize browsers' default style
Built with โค๏ธ to The Odin Project, a wonderful Web Development curriculum ~