Beantworten Sie folgende Fragen mit Hilfe der obigen Dokumentation.
Schreiben Sie eine html-Seite mit folgenden Elementen:
Die Seite soll sich wie folgt verhalten:
Machen Sie eine zweite HTML-Seite, die einfach nur den im localStorage gespeicherten Namen anzeigt und diesen automatisch aktualisiert, wenn auf der ersten Seite der Name geändert wurde.
Siehe auch https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
Lösungsvorschlag: hello-localstorage.zip
Schreiben Sie eine Highscoreverwaltung.
Zum Testen machen Sie zwei Eingabefelder für das Score und den Namen.
Überlegen Sie sich eine geeignete Datenstruktur (Object, Array) für eine Highscore-Liste. Diese kann mit in einen String und zurück verwandelt werden mit:
let data = {"bla":[1,2,["foo", "bar"]], "blu":"hallo"}; // string aus Object/Array erstellen: let zeichenkette = JSON.stringify(data); // Wieder ein Object/Array aus String erstellen: let copy = JSON.parse(zeichenkette);
Stellen Sie die 10 besten Scores in einer Tabelle dar.
Hier finden Sie den Anfang eine ganz einfachen Todo-Liste: todo-list-in-localstorage.zip.
Diese enthält Einträge, die direkt editierbar sind. Alle Änderungen werden sofort in localStorage gespeichert und bleiben so erhalten.
Mögliche Erweiterungen: