Entrar Ainda não tem acesso?
2
respostas

Quando atualizo os itens, ele mostra apenas o numero, sem o nome

Referente ao curso JavaScript na Web: armazenando dados no navegador, no capítulo Removendo um item e atividade Projeto da aula anterior

por Antonio Soares Tomita
| 212k xp | 9 posts
Engenheiro de Software Jr.

function atualizaElemento(item) { document.querySelector("[data-id='"+item.id+"']").innerHTML = item.quantidade; }

Quando essa função atualizaElemento é chamada, para um item já cadastrado, ele remove o elemento e mostra somente a nova quantidade (onde está esse 12, seriam 12 Meias - Antes eram 6 Meias)

imagem mostrando o formulario atualizado

Somente fazendo o refresh da pagina, ele carrega o nome correto do elemento, ao lado da quantidade. Para contornar o problema, adicionei um location.reload() na função de atualizaElemento...

formulário apos o refresh da pagina

A duvida é: deveria ocorrer este problema ou pode ser algo do navegador (Chrome)?

Obrigado

2 respostas
por Matheus Gomes Da Silva
| 71.1k xp | 17 posts
Estagiário em Desenvolvimento Web

Se puder manda o código

por Antonio Soares Tomita
| 212k xp | 9 posts
Engenheiro de Software Jr.

Opa Matheus... Subi o codigo agora para o github: https://github.com/tomitasan/alura-mochila-viagem

Fiz uma revisão do código e achei o erro na function criaElemento(item)

Eu estava fazendo uma operação incorreta: novoItem.dataset.id = item.id . O correto é numeroItem.dataset.id = item.id

Depois de corrigir essa linha, tudo certo com o código. Mesmo assim, achei estranho o refresh da janela "corrigir" a exibição do formulário. Acredito que seja por ele puxar os dados corretos do localStorage (nome, quantidade) e sobreescrever a atualizaç