This is in the works! Would you like to help flesh it out? Let's do it!
You can’t just “look” at these CodePen embeds. You have to actually click “Edit on CodePen” to open them up and have room to see everything and to change the browser size – and all that jazz. Really dig into these – one at a time – until you understand them deeply.
Toggle a class on click (or tap)
You can get an element from the DOM with
You can listen for events such as ‘click’ with
You can toggle a class with
We dare you to give it a serious try – before you look at the example.
This is how real programmers work. You have a set of tools – and a goal – and then you have to figure out how to use them. There is no manual. Just a description of how each tool works.
Switch body class with a checkbox
Add and remove body class with checkbox and JS. This is a naive implementation – but it’s probably what you’d try first. Get a good handle on this.
Switching themes with data-attributes
Change color with input slider