Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] [ERRO] JASON

Meu código quando não salvo nada no local storage, funciona perfeitamente.

const form = document.getElementById("novoItem")
const lista = document.getElementById("lista")
const itens = []

form.addEventListener("submit", (evento) => {
    evento.preventDefault()

    const nome = evento.target.elements["nome"]
    const quantidade = evento.target.elements["quantidade"]

    criaItem(nome.value, quantidade.value)

    nome.value = ""
    quantidade.value = ""
})

function criaItem (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

    lista.appendChild(novoItem)

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

    itens.push(itemAtual)

    //localStorage.setItem("item", JASON.stringify(itens))
}

Porém se eu tento salvar no local storage ele apresenta o seguinte erro no console do chrome:

Uncaught ReferenceError: JSON is not defined main.js:36 at criaItem (main.js:36:34) at HTMLFormElement. (main.js:11:5)

e o campo nome e quantidade do formulário não é apagado.

1 resposta
solução!

Consegui identificar meu erro. Escrevi de maneira incorreta o termo "JSON".

Problema resolvido