const form = document.getElementById("novoItem")
const tabelaItens = []
form.addEventListener("submit", (evento) => {
evento.preventDefault()
nome = evento.target.elements['nome'].value
quantidade = evento.target.elements['quantidade'].value
criaElemento(nome,quantidade)
})
function criaElemento(nome,quantidade){
const novoItem = document.createElement('li')
novoItem.classList.add('item')
const itemNumero = document.createElement('strong')
itemNumero.innerHTML = quantidade
novoItem.appendChild(itemNumero)
novoItem.innerHTML += nome
lista = document.getElementById('lista')
lista.appendChild(novoItem)
const inputs = document.getElementsByTagName("input")
item = {
"nome":nome,
"quantidade":quantidade
}
inputs.namedItem('nome').value = ""
inputs.namedItem('quantidade').value = ""
guardaLocal(item)
}
function guardaLocal(itemAtual){
tabelaItens.push(itemAtual)
localStorage.setItem("itens", JSON.stringify(tabelaItens))
console.log(localStorage);
}