Solucionado
bom pessoal, o curso está meio confuso, então decidi fazer um exercicio para ver se conseguia entender melhor o localStorage. Desenvolvi uma lista de compras, quase igual a lista de itens de viagens, o conteudo é adicionado ao localStorage, porem ele não permanece na página quando ela é recarregada, alguem poderia dar uma olhada por favor ?
Oi, Dimi
Os dados estão sendo salvos e carregados normalmente
Porém a função "criarProduto" não adiciona "appendChild" produto, apenas cria e retorna uma "li"
Vc deveria salvar, também, a categoria e refazer "criarProduto"
Obrigado, fiz a refatoração, ele está adicionando ao local storage e adicionando o conteudo as listas correspondentes, porem o item só aparece depois que atualizo a página, será que a lógica das listas tenho que fazer direto no evento submit? ja atualizei o projeto no github
Dimi,
só faltou "criarElemento(produtoAtual);" no "submit"
formulario.addEventListener('submit', (e) => {
e.preventDefault()
const nome = e.target.elements['produto']
const quantidade = e.target.elements['quantidade']
const categoria = e.target.elements['select']
criarElemento(nome.value, quantidade.value, categoria.value)
const produtoAtual = {
"nome": nome.value,
"quantidade": quantidade.value,
"categoria": categoria.value
}
criarElemento(produtoAtual);
arrayDeProdutos.push(produtoAtual)
localStorage.setItem("produtos", JSON.stringify(arrayDeProdutos))
})
Putz, verdade vi aqui, muito obrigado pela ajuda !!!!