lab-101-js-localstorage's Introduction

Local Storage

The purpose of this project is to talk about Local Storage for Javascript.

Code

Get Item: window.localStorage.getItem('variable')
Set item: window.localStorage.setItem('variable', value)

Resources

A few Different sources that would be helpful for this lesson:

Javascript.info

MDN Locale Storage

Changing CSS (Stackoverflow)

lab-101-js-localstorage's People

Contributors

Watchers

lab-101-js-localstorage's Issues

Project Feedback

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:

Includes a button that when clicked, will toggle the website between day and night themes
When a user changes the theme, their choice is remembered in localStorage
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
When the body has the class day-theme, the background of the website is light-colored, with a darker color for the text
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
Somewhere on the page, the user is told how many times they've visited the website (starting with 1 the first time)

Please let me know if these different ways I've used work for the website or not. If not, I will go ahead and use the method mentioned from the requirements of the website.

Recommend Projects