Uncaught TypeError: Cannot set property 'textContent' of null , não sei o que é, pra mim isso acontece quando não coloca o script ao final do html, mas esta tudo certo, o que fazer?

Meus pacientes

Nome	Peso(kg)	Altura(m)	Gordura Corporal(%)
Paulo	100	2.00	10
João	80	1.72	40
Erica	54	1.64	14
Douglas	85	1.73	24
Tatiana	46	1.55	19

Nome

Peso(kg)

Altura(m)

Gordura Corporal(%)

IMC

Paulo

100

2.00

João

1.72

Erica

1.64

Douglas

1.73

Tatiana

1.55

//javaScript Externo window.onload = function () { var titulo = document.querySelector(".titulo"); titulo.textContent = "Aparecida Nutricionista";

var paciente = document.querySelector("#primeiro-paciente"); var tdPeso = paciente.querySelector(".info-peso"); var tdAltura = paciente.querySelector(".info-altura");

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

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

Oi Rafael, tudo bem?

Isso deveria acontecer mesmo!

Vamos refletir aqui: se o script for carregado logo no começo, o conteúdo HTML lá em baixo (do body) já foi carregado? Não!

Se o elemento não foi carregado ainda, o browser não o encontra e muito menos sua propriedade textContent. Por isso o erro fala "não consigo colocar textContent em alguém que não achei".

Por isso é recomendado sempre puxarmos o script lá em baixo mesmo, ok? Isso em 95% dos casos. Os 5% é para quando você quer bloquear o load da página por algum motivo. O Google Analytics por exemplo recomenda fazer isso (o que eu não acho bacana).

Espero ter ajudado e bons estudos!

Abcs!

Aparecida Nutrição

Meus pacientes