Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Variavel com Valor Null na aula 03 DOM

Bom dia Pessoal ,

Acredito ser algo simples porém está me deixando com pulga na orelha fiz exatamente como o professor passou na aula para pegar os id tanto do peso-2 , altura-2 , é joguei dentro do meu arquivo calcula-imc.js

calcula-imc.js

var tdPeso = document.getElementById("peso-2");
var tdAltura = document.getElementById("altura-2");

var peso = tdPeso.textContent;
var altura= tdAltura.textContent;

No console já da erro pois ele retorna um valor NULL , ele não está pegando de jeito nenhum o valor dos IDS . Já estou com o arquivo identico ao professor mas nada . Para não falar diferente no meu Index.html eu coloquei dentro da tag HEAD

<head>
<script language="JavaScript" src="calcula-imc.js"></script>
</head>

Por que seu eu colocar com o professor colocou abaixo do MAIN antes do body gera erro na minha IDE , que é o NETBEANS que uso .

Alguem pode ajudar ??

3 respostas
solução

Oi, Hugo

O problema é justamente a tag <script> estar no <head>. Por estar aí, o navegador vai executar esse script antes de processar o resto da página. Então ele tenta procurar um elemento com ID peso-2, mas não encontra pois ainda não processou o resto da página.

Estranho o Netbeans reclamar da tag <script> no <body>. Você colocou ela no final do <body>, antes de fechar essa tag?

Também acredito no problema estar no processamento do script antes de carregar o html!

O luiz foi isso mesmo que voce disse , mudei deu tudo certo tinha uma configuração para mudar no netbeans ai funcionou perfeito o

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software