JavaScript 1, dag 7 – Fun with Events 101, a tad bit LocalStorage and some JSON

Vi gick igenom

• Document Object Model (DOM)
  • createElement()
  • remove()
  • append()
  • prepend()
• Events
  • Event Bubbling
• LocalStorage
  • Checking for support
  • getItem()
  • setItem()
• JSON
  • JavaScript Object Notation
  • JSON.stringify()
  • JSON.parse()

GitHub repository

https://github.com/drblue/fed19-javascript-1/tree/lesson-7

Länkar

LocalStorage

HTML5 Web Storage

https://www.w3schools.com/html/html5_webstorage.asp

Window.localStorage

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

JSON

JSON.stringify()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

JSON.parse()

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

---

Workshop

Dagens lilla övning: Se om ni kan skriva funktionen saveTodosToLocalStorage (och kalla på den på rätt ställe i koden).

Ni hittar källkoden här: https://github.com/drblue/fed19-javascript-1/tree/81a9c4a12e9fab3ca682d875f7825e5f0ce34d0e/05-dom

Se avsnitten ovan för länktips om de olika delarna.

Till nästa lektion

Gör ovan workshop.