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.