lehrkraefte:blc:informatik:ffprg2-2023:localstorage

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
lehrkraefte:blc:informatik:ffprg2-2023:localstorage [2023/08/15 09:52]
Ivo Blöchliger [Vor- und Nachteile]
lehrkraefte:blc:informatik:ffprg2-2023:localstorage [2023/09/03 07:04] (current)
Ivo Blöchliger [Aufgaben]
Line 133: Line 133:
   * Die Eingabe eines Names überschreibt den alten Namen   * Die Eingabe eines Names überschreibt den alten Namen
   * Der Vergiss-mich Knopf löscht den Namen aus der localStorage.   * Der Vergiss-mich Knopf löscht den Namen aus der localStorage.
 +
 </WRAP> </WRAP>
  
 <WRAP todo> <WRAP todo>
-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.+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 Siehe auch https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API
 +
 +Lösungsvorschlag: {{lehrkraefte:blc:informatik:ffprg2-2023:hello-localstorage.zip}}
 +
 </WRAP> </WRAP>
 +==== Highscoreverwaltung ====
  
 <WRAP todo> <WRAP todo>
-Schreiben Sie eine Highscore-Verwaltung.+Schreiben Sie eine Highscoreverwaltung.
  
 Zum Testen machen Sie zwei Eingabefelder für das Score und den Namen. Zum Testen machen Sie zwei Eingabefelder für das Score und den Namen.
Line 159: Line 164:
 Stellen Sie die 10 besten Scores in einer Tabelle dar. Stellen Sie die 10 besten Scores in einer Tabelle dar.
  
 +</WRAP>
 +
 +==== Todo-Liste ====
 +
 +<WRAP todo>
 +Hier finden Sie den Anfang eine ganz einfachen Todo-Liste: {{lehrkraefte:blc:informatik:ffprg2-2023: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:
 +  * Möglichkeit, Einträge zu löschen.
 +  * Bessere Darstellung (CSS).
 +  * Möglichkeit, die Reihenfolge zu ändern. 
 +  * ... 
 </WRAP> </WRAP>
  • lehrkraefte/blc/informatik/ffprg2-2023/localstorage.1692085927.txt.gz
  • Last modified: 2023/08/15 09:52
  • by Ivo Blöchliger