Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Por que usar querySelector?

Olá pessoal, tudo bom?

Tenho a seguinte dúvida...

Utilizamos o querySelector para identificar a informação que queremos no HTML, certo? E depois usamos a textContent para buscar o conteudo dentro do HTML.

Teria como retirarmos o valor que queremos do HTML sem precisar fazer o passo a passo do querySelector e depois o textContent?

Muchas Gracias.

var titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista";

var paciente = document.querySelector("#primeiro-paciente");

var tdPeso = paciente.querySelector(".info-peso"); //aqui identificamos o que nós queremos
var peso = tdPeso.textContent; // aqui retornamos o valor do que foi identificado pelo querySelector

var tdAltura = paciente.querySelector(".info-altura");
var altura = tdAltura.textContent;

var imc = peso / altura * altura;

console.log(imc);
3 respostas
solução!

Fala ai Cauê, tudo bem? Vamos lá:

Utilizamos o querySelector para identificar a informação que queremos no HTML, certo? E depois usamos a textContent para buscar o conteudo dentro do HTML.

Exatamente, através do querySelector conseguimos buscar referências do DOM.

Teria como retirarmos o valor que queremos do HTML sem precisar fazer o passo a passo do querySelector e depois o textContent?

Sempre que precisamos ler os dados do HTML precisamos buscar as referências no DOM, a diferença é que podemos buscá-las de N maneiras, seja através do querySelector ou outras funções.

Mas, a busca pela referência é necessária para ler seus dados.

O que as vezes pode ser possível, caso o estado do seu HTML esteja no JavaScript, ai não precisaria realizar essa busca, poderia ler diretamente do JavaScript. Mas, caso o dado esteja apenas no HTML, então será necessário realizar essa busca, não muito como fugir.

Espero ter ajudado.

Matheus, muito obrigado pela sua ajuda =).

Então, vamos sempre precisar de um "localizador" da informação.

E ter os Scripts juntamente com o HTML no mesmo arquivo nem sempre é a melhor forma de organizar o material, né?

Abraços.

Magina Cauê, sempre que precisar não deixe de criar suas dúvidas.

E ter os Scripts juntamente com o HTML no mesmo arquivo nem sempre é a melhor forma de organizar o material, né?

Isso mesmo, a ideia é separar os arquivos para que eles possam ser reaproveitados em outros cenários.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software