Undefined ao atualizar a pagina

Olá Dionathan! Tudo bem contigo?

Parece que você está enfrentando um problema ao salvar os dados no Local Storage após a refatoração.

Certifique-se de que está utilizando a função setItem corretamente para atualizar o Local Storage com os dados atualizados.

Verifique também se os nomes e quantidades estão sendo corretamente armazenados no array de itens antes de chamar a função setItem.

Dessa forma, os dados devem ser salvos corretamente e não aparecerão como undefined ao atualizar a página.

Se ainda estiver com dúvidas preciso que você compartilhe todo o código, incluindo HTML, CSS, imagens e principalmente o JavaScript para que eu possa reproduzir seu ambiente e fazer os devidos testes a assim lhe ajudar com o seu problema da melhor forma.

Eu recomendo o GitHub para isso, pois assim eu posso lhe auxiliar melhor com isso.

Caso você não saiba como fazer isso, assista essa aula aqui, onde a instrutora Mônica Mazzochi Hillman ensina como exportar um projeto para o GitHub, sem precisar usar Git.

E se você não tem uma conta no GitHub, aprenda a criar uma aqui.

Em suma era isso, caso precise eu estarei por aqui.

Estou tendo o mesmo problema, porém, quando checo o LocalStorage as informações estão salvas lá... Segue imagem e segue também o link do GitHub com o projeto: GitHub

Olá, tudo bem contigo?

O seu código JavaScript código possui um pequeno problema que está causando o problema. O problema está na chamada da função criaItem dentro do loop forEach, que espera dois argumentos: item.nome e item.quantidade, mas apenas um argumento está sendo passado.

Para corrigir o código, você precisa passar tanto o nome quanto a quantidade ao chamar a função criaItem. O trecho do código que precisa ser alterado é o seguinte:

itemArmazenado.forEach((item) => {
    criaItem(item.nome, item.quantidade); // Corrigir essa linha
});

Dentro do loop, você precisa chamar a função criaItem passando os valores corretos de item.nome e item.quantidade. O código corrigido ficará assim:

itemArmazenado.forEach((item) => {
    criaItem(item); // Corrigindo para passar o objeto 'item' como argumento
});

Com essa alteração, a função criaItem receberá corretamente o objeto contendo o nome e a quantidade do item, e a lista será reconstruída corretamente a partir dos valores armazenados no Local Storage. Os itens não retornarão mais como "undefined".

Era isso, caso precise eu estarei por aqui.

Abraços e bons estudos.

Resolvido... era isso mesmo!

Obrigado Renan!

Oi, fico feliz em ter ajudado!

E para o seu caso, Dionathan, conseguiu resolver o problema?

Fico no aguardo de um retorno!

Abraços!