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

[Bug] [ERRO] JSON

no console do navegador o localStorage não retorna nada e devolve um erro JSON.stringfy is not a function at criaElemento

segue o código do js

const form = document.getElementById("novoItem")
const itens = []
//prevenindo o comportamendo padrão do evento
form.addEventListener("submit", (event) =>{
    event.preventDefault()
    //buscar elemento com target (array)
    //toda vez que o form for submetido essa função cria elemento seja acionada passando nome e quantidade
    const nome = event.target.elements['nome']
    const quantidade =  event.target.elements['quantidade']
    criaElemento(nome.value, quantidade.value)
    nome.value = ""
    quantidade.value = ""
})

function criaElemento(nome, quantidade){

    const novoItem = document.createElement('li')
    novoItem.classList.add("item")

    const numeroItem = document.createElement('strong')
    numeroItem.innerHTML = quantidade

    novoItem.appendChild(numeroItem)
    novoItem.innerHTML += nome

    const lista = document.getElementById('lista')
    lista.appendChild(novoItem)

    const itemAtual = {
        "nome": nome,
        "quantidade": quantidade
    }

    itens.push(itemAtual)
    //localStorage só li strings / Para transformar o objeto em string utilizamos o JSON
    localStorage.setItem("item", JSON.stringify(itens))
}
2 respostas
solução!

desconsiderem era um bug do navegador

Oi Suellen, tudo bem?

Que bom que resolveu o problema. Irei finalizar o tópico pra você.

Um abraço e bons estudos.