ボタンをクリックすると入力データをlocalStorageに保存します

Question

最初のWebアプリケーションを構築しようとしています。私のアプリでは、設定パネルを持っている必要がありますが、私はそれをどうするか分かりません。私はウェブを検索していて、HTML5のlocalStorageに出くわしました。私はそれを実行する最善の方法かもしれないと考えています。しかし、問題はどのように使用するのか分かりません。

<input type='text' name="server" id="saveServer"/> 

ユーザがボタンをクリックしたときに入力からローカルストレージにデータを保存するにはどうすればよいですか？このようなもの？

Answer 1

<input type='text' name="server" id="saveServer"/> 

<button onclick="save_data()" type="button">Save/button> 

    <script> 
      function saveData(){ 
     localStorage.saveServer 
     } 
     </script> 

localStorageオブジェクトは、アイテムを格納するために使用されるsetItem方法を有しています。これは、2つの引数をとり - アイテムを参照することが可能なキーと値：

var input = document.getElementById("saveServer"); 
localStorage.setItem("server", input.value); 

上記のコードは最初input要素への参照を取得し、次いで、項目（「サーバ」）を格納するにその値の値がinputのローカル記憶域。

あなたはgetItemを呼び出して値を取得することができます

var storedValue = localStorage.getItem("server"); 

Answer 2

これは私のために働きました。設定のために私はvar背後.valueを配置し、setItemでvarと呼ばれる：

var input = document.getElementById('saveServer').value; 
localStorage.setItem('server', input); 

バックテキストを取得するために：

document.getElementById('saveServer').value = localStorage.getItem('server');