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;
Solucionado (ver solução)
Solucionado
(ver solução)
10
respostas
respostas
Meu Código Javascript não funcionou
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.
Não deu certo.
Estou usando o AdobeDreamweaver 2017
O arquivo JS está no mesmo diretório do HTML?
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.
Ainda não consegui rodar o programa.
Qual erro dá no console?
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!
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!
Olá, veja se sua variável está retornando algo, vá no console e digite o nome dela.
Até.
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.