Comment enregistrer une donnée sur localstorage et ajouter ces données à l'élément body

Question

J'ai un simple code js, et il ajoute des données et les enregistre sur un tag HTML, puis-je l'ajouter à localstorage et le sauvegarder sur certains temps de sesion. Est-ce que quelqu'un peut dire, comment je peux enregistrer des données sur localstorage? Merci beaucoup d'avance.

 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

vous devez d'abord vérifier votre soutien du navigateur ou non 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 

} 

après que vous définir votre valeur

vous pouvez accéder à votre valeur comme ceci

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

Answer 2

vous pouvez définir des valeurs dans localStorage comme ce

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

ou

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

vous pouvez ajouter la valeur comme cette

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

OR for input field 

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

ou

window.localStorage.getItem("name"); 

i ce window.localStorage est pour AngularJS bu je ne suis pas sûr