Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Como posso usar o método .textContent na atual versão do meu código?

Olá a todxs! :D Espero que estejam bem

A minha dúvida é a seguinte, decidi ir codando da minha maneira conforme as aulas iam avançando. Contudo o prof. chama a variável tdImc para junto à ela inserir o métodotextContent, no meu caso tentei usar o método mas simplesmente não tenho o mesmo resultado, ou seja não aparece o texto "Peso inválido" na tela.

Segue meu código:

const titulo = document.querySelector('h1');

    //o .innerHTML poderia ser usado da mesma forma que o .textContent nesse caso.
    titulo.textContent = 'Aparecida Nutricionista';

    let peso = document.querySelector('.info-peso').textContent;
    let altura = document.querySelector('.info-altura').textContent;    

    let pesoValido = true;
    let alturaValida = true;

    if (peso < 0 || peso > 100) {
        // alert('Peso inválido!');        
        pesoValido = false;
        resultadoTabela.textContent = "Peso inválido";                
    }

    if (altura < 0 || altura > 3.00) {
        // alert('Altura inválida!');        
        alturaValida = false;        
    }

    if (pesoValido && alturaValida) {
        function calcImc () {
            const imc = peso / (altura * altura);        
            return imc;    
        }
    }     

    let resultadoImc = calcImc();
    let resultadoTabela = document.querySelector('.info-imc');
    resultadoTabela.innerText = resultadoImc;

Gostaria de saber onde posso alterá-lo para que o resultado apareça na tela para o user ,na linha da tabela relativa ao resultado do IMC.

1 resposta
solução!

Achei a resposta, acabei tendo de alocar a parte da verificação do código após a atribuição das variáveis:

const titulo = document.querySelector('h1');

    //o .innerHTML poderia ser usado da mesma forma que o .textContent nesse caso.
    titulo.textContent = 'Aparecida Nutricionista';

    let peso = document.querySelector('.info-peso').textContent;
    let altura = document.querySelector('.info-altura').textContent;    

    let pesoValido = true;
    let alturaValida = true;

    function calcImc () {
        const imc = peso / (altura * altura);        
        return imc;
    }

    let resultadoImc = calcImc();
    let resultadoTabela = document.querySelector('.info-imc');
    resultadoTabela.innerText = resultadoImc;


    if (peso < 0 || peso > 100) {
        // alert('Peso inválido!');        
        pesoValido = false;
        resultadoTabela.textContent = 'Peso inválido';                        
    }

    if (altura < 0 || altura > 3.00) {
        // alert('Altura inválida!');        
        alturaValida = false;        
    }

    if (pesoValido && alturaValida) {
        calcImc();
    }