Project Feedback

[will1858]

Build a website that allows the user to switch between day and night color themes and remembers their choice

@egillespie Can you take a look at this? It's hosted here and meets the following criteria:

• [x] The class on the body element is always up-to-date with the current theme (either day-theme or night-theme) -- you can use document.body.setAttribute('class', 'some-class-name') to set the class on the body
• [x] Somewhere on the page, the user is told how many times they've visited the website (starting with 1 the first time)
• [x] When a user changes the theme, their choice is remembered in localStorage
• [x] When the body has the class night-theme, the background of the website is a very dark color, with a lighter color for the text
• [x] When the body has the class day-theme, the background of the website is light-colored, with a darker color for the text
• [x] Includes a button that when clicked, will toggle the website between day and night themes

[egillespie]

Hi @will1858, this project rocks! 🤘 Your code looks and works great.

I have one recommendation: would you mind replacing the last else if on lines 20 and 31 to an else? This will provide a general catch-all so that no matter what value is in localStorage, you will always show either a day or night mode.

Comment back after that change and I'll take a quick look! 👏

[will1858]

done

[egillespie]

Awesome, all your bases are covered! The button works, and when I load the page it shows the last theme saved and the page count. Nice work here! 🎸 :shipit: