in.js:28 Uncaught TypeError: Cannot read properties of null (reading 'appendChild')
at criarElemento (main.js:28:7)
at HTMLFormElement.<anonymous> (main.js:9:5)
criarElemento @ main.js:28
(anonymous) @ main.js:9 nao esta sendo possivel incrementar lista.appendChild(novoItem) com base na aula e aparece a mensagem de erro acima
Bom tarde Vicente,
Poderia colocar nos mandar seu código por gentileza, dessa forma podemos tentar ajuda-lo a descobrir que aconteceu.
Obrigado
/*tag que esta sendo manipulada */
/*codigo javascript */
const form = document.getElementById("novoItem"); //para incrementar um novo item const lista = document.getElementById("lista"); // lista que esta sendo manipulada
form.addEventListener("submit",(evento) => { evento.preventDefault(); criarElemento(evento.target.elements['nome'].value, evento.target.elements['quantidade'].value); })
function criarElemento(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) console.log(lista) //teste ok
}
Vicente, eu testei seu código, copiei e colei exatamente como você me mandou, funcionou perfeitamente. Algumas dicas
; no final de cada instrução (Não é obrigatório)Seu código ficou assim no meu VS Code:
E ao testar seu código, obtive o seguinte resultado:
Quer me mandar um print igual eu fiz?