1
resposta

Duvida sobre seleção do conteúdo do formulário

Opa turma! tive uma duvida aqui, é mais uma curiosidade... durante a explicação, o professor ensinou a obter os valores do form como peso, nome, altura e etc... com o seguinte código:

var botaoAdicionar = document.querySelector('.bto-principal')
botaoAdicionar.addEventListener("click", function(event){
    event.preventDefault();

    var form = document.querySelector("#form-adiciona");

    let nome = form.nome.value; //
    let peso= form.peso.value;
    let altura = form.altura.value;
    let gordura = form.gordura.value;

mas aplicando o conteúdo ensinado no video anterior, seria errado ou teria algum resultado diferente se fosse feito dessa forma?

var botaoAdicionar = document.querySelector('.bto-principal')
botaoAdicionar.addEventListener('click', function(event){
    event.preventDefault()
    let nome = document.querySelector('#nome').value
    let altura = document.querySelector('#altura').value
    let peso = document.querySelector('#peso').value
    let gordura = document.querySelector('#gordura').value

obrigado pessoal, bons estudos.

1 resposta

Boa tarde Hebert,

Respondendo a sua pergunta, "...seria errado ou teria algum resultado diferente se fosse feito dessa forma?".

Errado não está, e também não teria um resultado diferente, o resultado final será o mesmo.

Porém, da forma que o professor fez, é mais fácil para ler e entender, por exemplo:

Na variável chamada form, ao bater o olho, já conseguimos identificar que se trata de um formulário e que as demais variáveis estão vinculadas ao form.