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

querySelector para classes com repetição

Olá.

Se eu fizer um query selector para uma classe que se repete, como o nome das pessoas no exemplo usado (info-nome), como recuperar uma lista de pessoas? No exemplo abaixo, trouxe apenas a primeira ocorrência.

var nomes = document.querySelector(".info-nome");
console.log(nomes);
2 respostas

Consegui.

Nada com uma boa busca no Google.

function calculaImc(){
    var pacientes = document.querySelectorAll(".paciente");
    for (var i = 0, len = pacientes.length; i < len; i++) {
        var peso = pacientes[i].querySelector(".info-peso");
        var altura = pacientes[i].querySelector(".info-altura");
        var imcTela = pacientes[i].querySelector(".info-imc");

        var p = parseFloat (peso.textContent)
        var a = parseFloat(altura.textContent)

        var imcCalc = Math.round((p / (a * a)) * 100) / 100

        imcTela.textContent = imcCalc
    }
}
solução!

Oi, Luiz, tudo bem?

Exatamente! você precisará fazer um loop como no trecho que você trouxe que irá buscar todos os valores que estão na variável pacientes. Parabéns por esse passo! Mais a frente no curso o instrutor irá explicar mais sobre sobre arrays e loops.