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

Solução do desafio proposto em aula

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
    }    




}
1 resposta
solução!

Oi Felipe, tudo bem?

Muito obrigada por compartilhar com a gente o seu código. Parabéns por praticar o que viu nas aulas. :D

Continue os bons estudos.

Um abraço.