Arbeiten mit Daten im localStorage in JavaScript
Die Methode setItem dient zum Speichern
von Daten. Sie akzeptiert den Schlüssel als ersten Parameter
und den Wert als zweiten. Die Methode getItem
dient zum Abrufen von Daten. Sie akzeptiert
einen Parameter - den Schlüssel, unter dem diese Daten
gespeichert wurden.
Lassen Sie uns diese Methoden in der Praxis ausprobieren. Lassen Sie uns zunächst eine beliebige Zeichenkette mit einem beliebigen Schlüssel speichern:
localStorage.setItem('key', 'text');
Lassen Sie uns nun unsere Zeichenkette aus dem lokalen Speicher abrufen:
let str = localStorage.getItem('key');
console.log(str); // gibt 'text' aus
Schreiben Sie ein Skript, das drei Zahlen unter drei verschiedenen Schlüsseln im lokalen Speicher speichert. Führen Sie dieses Skript aus, damit die Daten gespeichert werden. Schreiben Sie dann ein Skript, das Ihre drei Zahlen aus dem lokalen Speicher abruft und deren Summe berechnet. Führen Sie das zweite Skript aus und überzeugen Sie sich von seiner Funktionsfähigkeit.