*Por favor, se tiver alguma redundância me ajuda pra eu entender melhor? Obrigado! *

const form = document.getElementById('novoItem') //busca id do formulário
const idLista = document.getElementById('lista')



form.addEventListener("submit", (evento) =>{
    stop(evento);
    criaElementos(evento.target.elements['nome'].value, evento.target.elements['quantidade'].value)


})

function criaElementos (nome, quantidade) {

    const novaLista = document.createElement('ul') 
    novaLista.classList.add('lista')


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


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


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

    idLista.appendChild(novaLista)

}


function stop(evento){
    evento.preventDefault();
    evento.stopPropagation();
}