Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Gente, ajuda por favor. Não to conseguindo achar o erro da sexta linha. na minha visão esta igual ao do instrutor.

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Arrays, Loop e Estilos e atividade Replicando a validação e o cálculo do IMC para todos os pacientes

por Thiago Felipe da Silva
| 533.7k xp | 80 posts
var titulo = document.querySelector(".titulo");
titulo.textContent = "Aparecida Nutricionista"

var paciente = document.querySelectorAll(".paciente");

for(var i = 0; i < pacientes.length; i++) {

    var paciente = pacientes[i];

    var tdPeso = paciente.querySelector(".info-peso");
    var tdAltura = paciente.querySelector(".info-altura");
    var tdImc = paciente.querySelector(".info-imc");

    var peso = tdPeso.textContent; //conteudo de texto da variavel tdPeso
    var altura = tdAltura.textContent; //Conteudo de texto da variavel tdAltura

    var pesoEhValido = true;
    var alturaEhValida = true;

    if(peso <= 0 || peso >= 300){
        pesoEhValido = false;
        tdImc.textContent = "Peso é inválido!";
    }

    if(altura <= 0 || altura >= 3.00){
        alturaEhValida = false;
        tdImc.textContent = "Altura é inválido";
    }

    if(alturaEhValida && pesoEhValido){
        var imc = peso/(altura*altura);
        tdImc.textContent = imc;
    } else{
        tdImc.textContent = "Peso e/ou altura inválidos!";
    }

}
5 respostas
por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa noite, Thiago! Como vai?

Qual é o erro que aparece no console do navegador? Vc poderia copiar e colar o log completo aqui bem como o código HTML, por favor? Assim ficará mais fácil de tentar te ajudar.

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

por Thiago Felipe da Silva
| 533.7k xp | 80 posts

erro q aparece no console

Uncaught ReferenceError: pacientes is not defined
    at principal.js:6

html

</head>
<body>

    <header>
        <div class="container">
            <h1 class="titulo">Aparecida Nutrição</h1>
        </div>
    </header>
    <main>
        <section class="container">
            <h2>Meus pacientes</h2>
            <table>
                <thead>
                    <tr>
                        <th>Nome</th>
                        <th>Peso(kg)</th>
                        <th>Altura(m)</th>
                        <th>Gordura Corporal(%)</th>
                        <th>IMC</th>
                    </tr>
                </thead>
                <tbody id="tabela-pacientes">
                    <tr class="paciente" id = "primeiro-paciente">
                        <td class="info-nome">Paulo</td>
                        <td class="info-peso">100</td>
                        <td class="info-altura">2.00</td>
                        <td class="info-gordura">10</td>
                        <td class="info-imc">0</td>
                    </tr>

                    <tr class="paciente" id="segundo-paciente" >
                        <td class="info-nome">João</td>
                        <td class="info-peso">80</td>
                        <td class="info-altura">1.72</td>
                        <td class="info-gordura">40</td>
                        <td class="info-imc">0</td>
                    </tr>

                    <tr class="paciente" >
                        <td class="info-nome">Erica</td>
                        <td class="info-peso">54</td>
                        <td class="info-altura">1.64</td>
                        <td class="info-gordura">14</td>
                        <td class="info-imc">0</td>
                    </tr>

                    <tr class="paciente">
                        <td class="info-nome">Douglas</td>
                        <td class="info-peso">85</td>
                        <td class="info-altura">1.73</td>
                        <td class="info-gordura">24</td>
                        <td class="info-imc">0</td>
                    </tr>
                    <tr class="paciente" >
                        <td class="info-nome">Tatiana</td>
                        <td class="info-peso">46</td>
                        <td class="info-altura">1.55</td>
                        <td class="info-gordura">19</td>
                        <td class="info-imc">0</td>
                    </tr>
                </tbody>
            </table>

        </section>
    </main>

    <script src="js/principal.js"></script>

</body>
solução!
por ronaldo.rockstroh
| 59.7k xp | 3 posts
Analista TI

no querySelectorAll a variavel de array deve ser 'pacientes'

por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa noite, Thiago! Como vai?

Como o Ronaldo muito bem disse, o erro está na linha onde vc faz var paciente = document.querySelectorAll(".paciente"). O correto seria fazer var pacientes = document.querySelectorAll(".paciente"). Veja se ao fazer essa correção seu código funciona como vc esperava.

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

por Thiago Felipe da Silva
| 533.7k xp | 80 posts

Muito obrigado!!!!