Meu Código Javascript não funcionou | JavaScript: programando na linguagem da web

Solucionado (ver solução)

Solucionado
(ver solução)

10
respostas

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

23/02/2018

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

23/02/2018

Não deu certo.

Estou usando o AdobeDreamweaver 2017

por Rafael Franco Rosa

| 156.8k xp | 141 posts

24/02/2018

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

por Rafael Franco Rosa

| 156.8k xp | 141 posts

24/02/2018

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

27/02/2018

Ainda não consegui rodar o programa.

por Rafael Franco Rosa

| 156.8k xp | 141 posts

01/03/2018

Qual erro dá no console?

por Thiago de Latorre Lopes

| 107.5k xp | 9 posts

01/03/2018

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

01/03/2018

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

Suporte =)

01/03/2018

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

01/03/2018

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.

PRORROGAMOS O DESCONTO!