メモローカルストレージを使用してアプリケーションを取得する

Question

学校向けのノートアプリケーションを作成しようとしましたが、いくつかのことを混乱させています。フォームブロックに入力すると、ページを更新した後であっても、テキストブロック内に置いたものはすべて保存されるようにするにはどうすればよいですか。

ローカルストレージの仕組みについて少し混乱しています。 javascriptのコードのブロックで簡単な答えがいいです。

Answer 1

localStorage APIは非常にシンプルで使いやすいので、MDNページのAPIの基本的な使い方の情報はlocalStorage API、ウェブストレージのページはWeb Storageです。

私はまた、あなたと似たアプリケーションがAPIを使ってどのように機能するのかについて、JSFiddleの例を提供しました。これはhereです。

APIに 例を使用して値を設定および取得するために複数の方法があります。

// 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'