Boa noite, gostaria de saber porque meu código não está funcionando. Eu quero que os objetos salvos no localStorage aparecam quando eu der um "f5" consigo salvar mas não consigo deixar salvo no Html. Segue o código:
const form = document.getElementById("novoItem");
const lista = document.getElementById('lista');
const itens= JSON.parse(localStorage.getItem('itens')) || [];
itens.forEach ( (elemento) => {
criaElemento(elemento);
});
form.addEventListener('submit', (evento)=>{
evento.preventDefault();
const nome = evento.target.elements['nome'];
const quantidade = evento.target.elements["quantidade"];
const itemAtual = {
"nome": nome.value,
"quantidade": quantidade.value,
}
criaElemento(itemAtual);
itens.push(itemAtual);
localStorage.setItem("item", JSON.stringify(itens));
nome.value = "";
quantidade.value = "";
})
function criaElemento(item){
const novoItem = document.createElement('li');
novoItem.classList.add('item');
const numeroItem = document.createElement('strong');
numeroItem.innerHTML = item.quantidade;
novoItem.appendChild(numeroItem);
novoItem.innerHTML += item.nome;
lista.appendChild(novoItem);
}
