https://github.com/pagepro/localstorage-task
https://github.com/pagepro/localstorage-task
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/pagepro/localstorage-task
- Owner: Pagepro
- Created: 2017-12-01T08:06:42.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-12-01T08:58:01.000Z (over 7 years ago)
- Last Synced: 2025-03-22T06:01:44.510Z (2 months ago)
- Language: CSS
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LocalStorage Task
## Things to learn
- What is localStorage?
- What kind of data you can put in localStorage?
- How to detect if bowser support localStorage?
- Get to know basic localStorage methods: `setItem`, `getItem`
- How you can check saved localStorage data in your browser (using DevTools).
- What is the difference between cookies and localStorage?
## Useful links
- https://www.aurorasolutions.io/blog/html5-local-storage-practical-example/
- https://www.smashingmagazine.com/2010/10/local-storage-and-how-to-use-it/
## Task Explanation
- You can change html and JavaScript like you want.
- The goal is to store list of tasks in localStorage.
## Possible sollution
- Update localStorage after every form submit.
- Also update `task` variable - it should always have the same items that you have in localStorage.
- On initial page load, get informations from localStorage and then render the list of tasks.