Após adicionar um item a lista os campos não são limpos automaticamente mesmo com nome.value = "" e quantidade.value = ""
const form = document.querySelector('#novoItem')
const itens = []
const lista = document.querySelector('#lista')
form.addEventListener('submit', (evento) => {
evento.preventDefault()
const nome = evento.target.elements['nome']
const quantidade = evento.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
lista.appendChild(novoItem)
const itemAtual = {
"nome": nome,
"quantidade": quantidade
}
itens.push(itemAtual)
localstorage.setItem("item", JSON.stringify(itens))
}
