1
resposta

qndo atualizo a pag recarrega e apaga tudo e não consigo ver nada no storageLocal

const form = document.getElementById("novo-item");
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.getItem("itens", JSON.stringify(itens));

        form.reset();

    });

    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);
    }

no eu navegador não consigo ver nada armazenado no storageLocal. Iprint da tela com o inspecionar abero

1 resposta

Olá Geice, tudo bem?

Na hora de criar o elemento, você também precisa criá-lo no localStorage

Dentro da função criaElemento, na última linha, coloque localStorage.setItem("itens", JSON.stringify(itens));