2
respostas

Retorno como sendo null

Boa tarde,

O retorno da variavel novoItem esta retornando como null e por conta disso nao esta sendo realizada a funcao

const form = document.getElementById("novoItem");

form.addEventListener("submit", (evento)=>{
    evento.preventDefault();

    criaItem(evento.target.elements['nome'].value , evento.target.elements['quantidade'].value);

})

function criaItem(nome,quantidade){

    console.log(nome);
    console.log(quantidade);

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

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

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

    const lista = document.getElementById("lista");
    lista.appendChild(novoItem);

    console.log(novoItem)
}

Alguem sabe como resolver??

2 respostas

Não consigo avaliar 100% sem ver o resto da aplicação mas o método "document.getElementById" retorna "null" quando o elemento não existe. Já confirmou se o ID "novoItem" está digitado corretamente? se ele está com ID mesmo e não como class.

Bom dia, notei que no seu arquivo index.html não está declarado o id da lista. Eu também estava com esse erro, procurei e achei esse erro de declaração.

    Coloca o id="lista" e tenta novamente:

      Dica: Coloca seu repositório na próxima, facilita demais a análise rs. Fui no seu perfil buscar seu repo :)