This is a solution to the Calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- See the size of the elements adjust based on their device's screen size
- Perform mathematical operations like addition, subtraction, multiplication, and division
- Adjust the color theme based on their preference
- Bonus: Have their initial theme preference checked using
prefers-color-scheme
and have any additional changes saved in the browser
- Semantic HTML5 markup
- CSS custom properties
- Flex box
- CSS Grid
- Desktop-first workflow
- Vanilla JavaScript
I learned how to create regular expressions to separate the string to format like a + b
- regex.test() to test if a string matches a regular expression
- regex.exec()[0] to return the first coincidence of the regular expression.
- string.split() to turn a string into an array.
Im still learning the following concepts of web development:
- Responsive Web design
- Proper css order
- clean js code
- well organized js code
- array methods
- ui/ux design
- mobile design