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

Não atualiza título js

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Introdução e atividade Mãos na massa: O primeiro Javascript

por Rogério Oliveira da Conceição
| 183.6k xp | 4 posts

Pessoal, quando coloquei o direcionamento para o js não está indo! Onde posso estar errando? Aparece o segunte código de erro no console: "principal.js:2 Uncaught TypeError: Cannot set properties of null (setting 'textContent') at principal.js:2:20"

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Aparecida Nutrição</title>
        <link rel="icon" href="favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/index.css">

    </head>
    <body>

        <header>
            <div class="container">
                <h1>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" >
                            <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>
</html>
4 respostas
por Cândido Luiz Lucas De França
| 22.6k xp | 33 posts

Rogério, posta o código javascript de 'principal.js' para podermos ver. Esse erro provavelmente está acontecendo no código desse arquivo.

solução!
por Nathalia C. C. M. Carvalho
| 89.7k xp | 21 posts
Consultora em estratégia de negócios

Rogério. Você precisa adicionar a classe no h1

no seu código está assim:

<h1>Aparecida Nutrição</h1>

O correto é estar assim:

<h1 class="titulo">Aparecida Nutrição</h1>

Eu acho que isso deve resolver.

Além disso, confere se você salvou o arquivo 'principal.js' dentro da pasta 'js'?

por Rogério Oliveira da Conceição
| 183.6k xp | 4 posts

Obrigado pessoal, era a solução da Nathalia mesmo!!!

por Tácio da Silva Ferreira
| 68.7k xp | 2 posts
Professor de Língua Inglesa

Olá pessoal! Tive essa mesma dúvida e decidi compartilhar o que descobri.

No index.html, altera-se o <h1>Aparecida Nutrição</h1>

por <h1 class="titulo">Aparecida Nutrição</h1>

Dessa forma, fica definido que h1 é a classe para o título.

Depois, dentro do principal.js, escreve-se os três códigos propostos:

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

Isso me tomou mais de 30 minutos!