1
resposta

textContent dentro de uma variável

Tentei inserir o tdImc.textContent em uma variável, para depois atualizá-la, mas o valor não mudou na tabela, apesar de o console.log indicar que houve a mudança na variável. Alguém sabe por que isso não funciona???

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 tdIMC = paciente.querySelector(".info-imc");
var peso = tdPeso.textContent;
var altura = tdAltura.textContent;
var valorImc = tdIMC.textContent; <<< AQUI

var imc = peso / (altura*altura);

valorImc = imc;

console.log(tdIMC);
1 resposta

Vinícius, boa tarde!

Isso ocorre porquê quando você está definindo

valorImc = imc;

Você está apenas alterando o valor da variável valorImc. Já que ele recebe o valor da coluna

var valorImc = tdIMC.textContent; 

e não a coluna em si.

Para alterar o conteúdo da coluna seria necessário fazer assim:

valorImc = imc; <--Trocar essa linha
 tdIMC.textContent = imc; <-- Por essa linha

Assim você altera o conteúdo daquela coluna para o valor calculado na linha de cima.

Espero ter ajudado e bons estudos!