Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] ERRO NA EXECUÇÃO DO CÓDIGO

Pergunta

Oque tem de errado para acontecer esse erro?

Imagem do erro na execução do código de JavaScript

main.js

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

form.addEventListener("submit", (evento) => {
    evento.preventDefault();
    
    criaElemento(evento.target.elements['nome'].value, evento.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;

    lista.appendChild(novoItem);
}

Obrigado a quem pode me ajudar!

1 resposta
solução!

HTML

<ul class="lista" *id="lista">*
            <li class="item"><strong>7</strong>Camisas</li>
            <li class="item"><strong>1</strong>Calça</li>
            <li class="item"><strong>3</strong>Casaco</li>
            <li class="item"><strong>3</strong>Meia</li>
            <li class="item"><strong>10</strong>Cuecas</li>
        </ul>

nessa parte do código HTML eu havia esquecido de adicionar o id= lista, marcado entre asteriscos acima! Caso esteja com o mesmo erro do meu é por isso!