Por que no curso "JavaScript: validando formulários/ capítulo 4/ aula 7" vocês repetem código? Existe alguma vantagem para essa situação???
Pois vejo que fizeram: const camposDoFormulario = document.querySelectorAll('[required]'); const formulario = document.querySelector('[data-formulario]');
formulario.addEventListener("submit", (e) => { e.preventDefault();
const listaRespostas = {
"nome": e.target.elements["nome"].value,
"email": e.target.elements["email"].value,
"rg": e.target.elements["rg"].value,
"cpf": e.target.elements["cpf"].value,
"aniversario": e.target.elements["aniversario"].value,
};
localStorage.setItem("cadastro", JSON.stringify(listaRespostas));
window.location.href = "./abrir-conta-form-2.html";
});
Me pergunto se não seria melhor se fizessem:
formulario.addEventListener("submit", e => { e.preventDefault();
const listaRespostas = {};
const campos = e.target.elements;
for(let i = 0; i < campos.length; i++){
const campo = campos[i];
if(campo.name){
listaRespostas[campo.name] = campo.value; // coloca nome: e o que o cliente digitou
}
}
localStorage.setItem("respostas", JSON.stringify(listaRespostas));
});
Gostaria de considerar a repetição de código do curso, mas preciso de ajuda para enxergar vantagens nisso. Creio que ao fazermos estático ao invés de dinâmico corremos o risco de gerar mais erros.
