localstorageにデータを保存してこのデータを本体要素に追加する方法

Question

シンプルなjsコードがあり、いくつかのデータを追加してHTMLタグに保存します。これをlocalstorageに追加して一部に保存できますかセシオンの時間。 誰かが、私がどのようにlocalstorageにデータを保存できるかを教えてもらえますか？ 事前に多くの時間ありがとうございます。

 function addComment() 
 
      { 
 
       var vname = document.getElementById("vname").value; 
 
       var li = document.createElement('li'); 
 
       li.innerText = vname; 
 
       document.getElementById('comments').appendChild(li); 
 
       document.getElementById("vname").value = ''; 
 
       document.getElementById("vname").focus(); 
 
      } 
 
     function addAuthor() 
 
     { 
 
      var author = document.getElementById("author").value; 
 
      var li = document.createElement('li'); 
 
      li.innerText = author; 
 
      document.getElementById('comments').appendChild(li); 
 
      document.getElementById("author").value = ''; 
 
      document.getElementById("author").focus(); 
 
     }

 <label for="vname">Name of your book</label> 
 
     <input type="text" id="vname" name="vname"> 
 
     <input type="submit" value="Add name" onclick="addComment()"> 
 
     <br> 
 
     <label for="author">Author of book</label> 
 
     <input type="text" id="author" name="author"> 
 
     <input type="submit" value="Add author" onclick="addAuthor()"> 
 

 
<ul id="comments"></ul>

Answer 1

わからないあなたは後に、あなたのブラウザのサポートやないのlocalStorage

if (typeof(Storage) !== "undefined") { 
    //if your browser support localstorage then you can write code like this 

    localstorage.setItem("your key", JSON.stringify(your value)); 

} else { 
// sorry you can't use localstorage 

} 

をチェックする必要がありますあなたの値を設定してください

このようにあなたの値にアクセスすることができます

var your_variable = JSON.parse(localstorage.getItem("your key")); 

の

Answer 2

あなたはこの

のように値を追加することができ、この

localStorage.setItem("name", "value"); 

または

window.localStorage.setItem("name", "value"); 

のようなのlocalStorageに値を設定することができます

var value = localStorage.getItem("name"); 
$("#div_id").text(value); 

OR for input field 

$("#input_field_id").val(value); 

または

window.localStorage.getItem("name"); 

私このwindow.localStorageはangularjsためであるBU私は最初