2
respostas

Dica para enxugar o código

Olá galera, existe alguma maneira de enxugar esse código?




var titulo = document.querySelector('.titulo');
/*Busca no DOM e seleciona o CLASS(titulo) */

titulo.textContent = 'Aparecida Nutricionista';
/*Altera no HTML a informação contida na VAR(titulo)*/

var pacientes = document.querySelectorAll('.paciente');
/*Busca no DOM e seleciona o ID(paciente1) */
console.log(pacientes, pacientes.length)
/*Selecionar o campo paciente*/

for ( var i = 0 ; i < pacientes.length; i++){


    var paciente = pacientes[i]

    console.log(paciente)

    var tdPeso = paciente.querySelector('.info-peso');
    /*Busca no DOM e seleciona a CLASS(info-peso) */
    var peso = tdPeso.textContent;
    /*Acessar o HTML e retornas as informações solicitadas para o Javascript */

    var tdAltura = paciente.querySelector('.info-altura');
    /*Busca no DOM e seleciona aCLASS(info-altura) */
    var altura = tdAltura.textContent;
    /*Acessar o HTML e retornas as informações solicitadas para o Javascript */

    var valPeso = true
    var valAltura = true
    var tdImc = paciente.querySelector('.info-imc');
    /*Busca no DOM e seleciona a CLASS(info-imc) */

    if (altura <= 0 || altura >= 3.00) {
        console.log('Altura inválida!')
        valAltura = false
        tdImc.textContent = 'Altura inválida'
        /*Validação da altura */
        paciente.style.color = "red";
    }



    if (peso <= 0 || peso >= 400) {
        console.log('Peso inválido!');
        valPeso = false;
        tdImc.textContent = 'Peso inválido!'
        /*Validação do peso */
        paciente.style.color = "red";
    }

    if (valAltura && valPeso){
        /*Validação do imc*/
        var imc = peso /(altura * altura);
        /*Realizar o calculo do IMC */
        imc = imc.toFixed(2);
        imc = imc.replace('.', ',')
        imc = `${imc} kg/m²`
        console.log(imc)

        tdImc.textContent = imc
        /*Acessar o HTML e retornas as informações, logo após , modificar essas informações conforme a VAR IMC  */
    }



}



2 respostas

Olá Igor Albert Oliveira da Cruz , você poderia enxugar esse codigo utilizando funções, funções são blocos de codigo que seriam escritos muitas vezes em diferentes lugares, e que sua funcionalidade é muito parecida, ela poderia ser usada nos primeiros dois if que você escreveu.

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Functions

Aqui a cima está um link que fala mais sobre funções caso tiver interesse.

OBrigado pela dica Samuel