Hinweis App mit lokalem Speicher verwenden

Question

Versuchen Sie, eine Notiz App für die Schule zu erstellen, aber ich bin in einigen Dingen verwirrt. Wie mache ich es so, dass, wenn ich in einen Formularblock tippe, es speichert, was auch immer ich in den Textblock einlege, auch nachdem Sie die Seite aktualisiert haben.

Ich bin ein wenig verwirrt darüber, wie lokaler Speicher funktioniert. Eine einfache Antwort mit einem Code-Block des Javascript wäre nett.

Answer 1

Die localStorage-API ist sehr einfach und benutzerfreundlich. Sie finden die grundlegenden Informationen zur Verwendung der API auf ihrer MDN-Seite: localStorage API und die Seite für den Webspeicher: Web Storage.

Ich habe auch ein JSFiddle Beispiel, für wie eine Anwendung ähnlich wie Ihre mit der API, die here gefunden werden kann, zur Verfügung gestellt.

Es gibt mehrere Möglichkeiten zu setzen und erhalten Werte der API- Beispiel für die Verwendung:

// Using the getItem & setItem funcitons 
localStorage.setItem('key', 'value'); // sets 'key' to 'value' 
localStorage.getItem('key'); // returns: 'value' 

// Simple member assignment 
localStorage.note = 'value'; // 'note' => 'value' 
localStorage.note; // 'value' 
localStorage['note2'] = 'some other value'; // 'note2' => 'some other value' 
localStorage['note2']; // 'some other value'