A basic calculator built with HTML, CSS, and JS. Inspired by the tutorial 'JavaScript DOM Manipulation Course' taught by CodeLab and the Calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects. This is my challenge solution.
This will be a basic calculator and have the following functions:
- Addition
+
- Subtraction
-
- Multiplication
*
- Division
/
This project is a WORK-IN-PROGRESS.
The following are references I found helpful throughout the project.
- Work with CSS Grid Lines Using Grid Column Start and Grid Row Start (video)
- CSS Grid Layout
grid-column
grid-row
grid
grid-template-columns
grid-template
grid-template-rows
- Custom CSS Radio Button
- Style Radio Buttons with CSS
<input type="radio">
@media/width
- How to create a theme switcher with HTML & CSS
- Light/Dark Theme Toggle with CSS and JavaScript
- How To Make Website DARK MODE | Dark Theme Website Design Using HTML, CSS & JS
- How To Build An Advanced Light/Dark Theme Toggle
- How to create a theme switcher with HTML & CSS
- Light/Dark Theme Toggle with CSS and JavaScript
- How To Make Website DARK MODE | Dark Theme Website Design Using HTML, CSS & JS
- How To Build An Advanced Light/Dark Theme Toggle