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

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
10
respostas

Meu Código Javascript não funcionou

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Variáveis e Operadores e atividade Calculando e exibindo o IMC corretamente

por Thiago de Latorre Lopes
| 107.5k xp | 9 posts
1- Código em HTML

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

        <script  src="Untitled-1.js"></script>

    </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>

    </body>

</html>







2° Código em Javascript em um aquivo separado.

Nome desse arquivo : Untitled-1.js

// JavaScript Document

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

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

var tdPeso = paciente.querySelector(".info-peso"); var peso = tdPeso.textContent;

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

var tdImc = paciente.querySelector(".info-imc");

var imc = peso / (altura * altura);

tdImc.textContent = imc;
10 respostas
por Rafael Franco Rosa
| 156.8k xp | 141 posts

Boa noite Thiago,

Tenta colocar a tag <script src="Untitled-1.js"></script> após o main e antes de </body> e reexecutar.

Avisa aí se der certo.

Abraço.

por Thiago de Latorre Lopes
| 107.5k xp | 9 posts

Não deu certo.

Estou usando o AdobeDreamweaver 2017

por Rafael Franco Rosa
| 156.8k xp | 141 posts

O arquivo JS está no mesmo diretório do HTML?

por Rafael Franco Rosa
| 156.8k xp | 141 posts

Outro ponto: eis umas linhas que talvez estejam erradas:

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

Mudar para:

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

Não achei nenhum item com id primeiro-paciente no seu HTML. Logo, var paciente e tudo que depende dela não vai funcionar.

Reveja essas partes e deve funcionar.

Abraço.

por Thiago de Latorre Lopes
| 107.5k xp | 9 posts

Ainda não consegui rodar o programa.

por Rafael Franco Rosa
| 156.8k xp | 141 posts

Qual erro dá no console?

por Thiago de Latorre Lopes
| 107.5k xp | 9 posts

Então! Não da erro nenhum! Pelo que vim pesquisando na net e fazendo alguns testes com outros programas, pude perceber que talvez o erro deve estar no código java.

Peguei outros exemplos fiz o link chamando o o aquivo java e funcionou. Mas esse código java no meu ver, não esta funcionando. Eu abro o browser , o HTML carrega normalmente, porem sem as modificações codificadas do java.

solução!
por Rafael Franco Rosa
| 156.8k xp | 141 posts

Tenta isso no arquivo javascript:

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

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

var tdPeso = paciente.querySelector(".info-peso"); 
var peso = tdPeso.textContent;

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

var tdImc = paciente.querySelector(".info-imc");
var imc = peso / (altura * altura);

tdImc.textContent = imc;

Além disso, ponha este arquivo no mesmo diretório do HTML e coloque a tag <script src="Untitled-1.js"></script> após o </main> e antes de </body>.

Avisa aí se funcionou.

Abraço!

por Lucas Chang Kahl
| 199.7k xp | 73 posts

Olá, veja se sua variável está retornando algo, vá no console e digite o nome dela.

Até.

por Thiago de Latorre Lopes
| 107.5k xp | 9 posts

Boa galera! Obrigado. Vocês são F.......... mesmo! Deixei o código no HTML e no JavaScript sem o .#primeiro-paciente e fiz que os colegas me orientaram colocando :

var titulo = document.querySelector("title"); ao invés

de var titulo = document.querySelector("titulo");

Funcionou a conta porem o nome Aparecida Nutrição não houve a alteração.

Continuarei tentando aqui e logo peço ajuda novamente caso ainda não consiga.

Obrigado.

Tópicos relacionados

Mostrar mais tópicos Mostrar menos tópicos

Conteúdos Alura com o tema

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA