Basic arithmetic operations should be functional: addition, subtraction, multiplication, and division. The "AC" key should clear the current input and reset the calculator. The decimal point key should allow for calculations with decimal numbers. The equals key should compute the current calculation and display the result. The sun and moon icons are used to toggle between light and dark modes.
Interacting with the DOM
DOM Scripting By Example
Local Storage is part of the Web Storage API, and allows you, as a developer, to store data in a user's browser.
To begin, click "Start Adventure" at the top of the page and then download your starter files.
Use CSS Flexbox or Grid to layout the calculator keys.
Use CSS variables to store the color values for the calculator themes.
Extra Challenge: Use localStorage to save the currently selected theme and set the saved theme on page load.