@vladis005
Начинающий веб разработчик

Как вывести данные из localStorage?

Всем привет! Я новичок в js. Пишу список покупок на js. Возник вопрос как вывести обратно из localStorage данные на экран после перезагрузки страницы?
function validateForm(){
       
        
        var item = document.forms['shop_form']['shop_text'].value;
        
        if(item != ""){
          
          var list = document.getElementById("list");
          var newElem = document.createElement("li");
          var check = document.createElement("input");
          check.type="checkbox";
          newElem.appendChild(document.createTextNode(item))
          list.appendChild(newElem).innerHTML + newElem.appendChild(check).innerHTML; 
          localStorage.setItem("item",item);
          let saved = localStorage.getItem("item");
          console.log(saved)
        }else{
        alert("Add item in your list")
        return false;
        }
        
    
    }

    function removeForm(){
        document.getElementsByTagName("li").outerHTML = item;
        
    }
    function submitForm(){
        var form = document.getElementsByTagName('form')[0];
        
        form.reset(); 
        
    }

html
<div id="shop_list">
    <h1>My Shop List</h1>
    <form name="shop_form" action=""  method="post">
      <input type="text" name="shop_text" placeholder="Add Item">
      <input type="button" class="btn btn-primary" onclick="return validateForm(), submitForm()" value="Add">
      <input type="submit" class="btn btn-danger" onclick="return removeForm(), submitForm()" value="Clear">
    </form>
    <ul id="list">
      
    </ul>
  </div>
  </div>
  • Вопрос задан
  • 233 просмотра
Пригласить эксперта
Ответы на вопрос 1
@chelnokov_a
localStorage.getItem('key')
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы