Всем привет! Я новичок в 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>
