Inserindo a minha versão do código do projeto que está sendo feito no curso:
const lista = document.querySelector('.lista');
const form = document.getElementById('novoItem');
form.addEventListener('submit', (e)=>{
e.preventDefault();
let campos = [...form.elements];
criaElemento(campos);
})
function validaCampos(campos){
let validacao = ['nome', 'quantidade'];
let retorno = true;
campos.forEach((campo)=>{
if(validacao.indexOf(campo.id) > -1 && campo.value == ''){
console.log('O campo '+campo.name+' necessita ser preenchido.');
retorno = false;
}
});
return retorno;
}
function criaElemento(campos){
let isValidado = validaCampos(campos);
if(isValidado){
let nome;
let quantidade
campos.forEach((campo)=>{
switch(campo.id){
case 'nome':
nome = campo.value;
case 'quantidade':
quantidade = campo.value;
default:
return false;
}
});
let novoItem = `<li class="item"><strong>${quantidade}</strong>${nome}</li>`;
lista.innerHTML += novoItem
}
}