Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Erro em projeto pessoal baseado no projeto do curso

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 ?

https://github.com/dimiendrixmmiranda/lista-de-compras

4 respostas

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

https://github.com/dimiendrixmmiranda/lista-de-compras

solução!

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 !!!!