Entrar Ainda não tem acesso?
2
respostas

[Dúvida] Console apresenta NULL.

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Variáveis e Operadores e atividade Buscando dados do paciente

por FELIPE AUGUSTO Ramalho Natal
| 14.7k xp | 2 posts

Este é o meu 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="primeiroPaciente" >
                        <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" >
                        <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>
2 respostas
por FELIPE AUGUSTO Ramalho Natal
| 14.7k xp | 2 posts

Este é meu javascript ( principal.js)

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

var paciente = document.querySelector("#primeiroPaciente");

console.log(paciente);
por Rafael Rocha
| 2755k xp | 5832 posts
Alura Scuba Team Time Alura | Apoio Educacional no Fórum

Olá Felipe, tudo bem com você?

Realizei testes e simulações com o código enviado e o mesmo executou como esperado, apresentando no painel de desenvolvedor do navegador os dados do primeiro cliente adicionado na tabela.

A apresentação do resultado null no console está indicando que o valor presente na variável paciente é nulo ou vazio. Indicando que a query realizada para coletar o id do primeiro paciente está retornando um valor nulo.

Peço que confirme se após a adição do id="primeiroPaciente" na tag tr o arquivo index.html foi salvo. Basta abrir o arquivo no editor de código, confirmar a adição do id e pressione +.

Após confirmar que o arquivo index.html foi salvo, abra-o no navegador e verifique no console do painel de desenvolvedor o resultado da impressão.

Espero ter lhe ajudado. Em caso de dúvidas estou à disposição.

Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!