Olá. Vi que haviam perguntado sobre isso aqui no fórum já, mas não funcionou pra mim. Meu código:
O forms:
<form action="" class="adicionar" id="novoItem">
<label for="item">Nome</label>
<input type="text" name="nome" id="nome">
<label for="item">Quantidade</label>
<input type="number" name="quantidade" id="quantidade">
<input type="submit" value="Adicionar" class="cadastrar">
</form>
Javascript:
const form = document.getElementById("novoItem");
const list = document.getElementById('lista');
form.addEventListener("submit", function(e){
e.preventDefault();
criaElemento(e.target.elements['nome'].value, e.target.elements['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;
list.appendChild(novoItem);
}
Não consigo identificar o que pode está causando esse erro.