Muchas notas usé para recordar lo que hicimos en esta aula

var titulo = document.querySelector('.titulo');
console.log(titulo.textContent);

/*Fíjense en la consola que la diferencia entre imprimir solo la variable y el texto,
en uno me imprime un objeto, aquí está todo el objeto con las etiquetas
y aquí me está imprimiendo únicamente el contenido
que es Buona Vita Nutrición.
Voy alterar el título.
Jajaja yo estaba trabajando en el title en head pero el cambio sucedió.
Bien ahí. Luego usé una comilla para h1 y me realizó el cambio sin problemas.
Vamooosss.
El objetivo aquí es aprender a usar document.querySelector, que análogamente
actúa como una pinza, seleccione este, o este, dentro del código HTML.
*/
titulo.textContent = 'YeiJoa Buena Vida Nutrición';

//Tenemos que buscar en nuestro código el IMC
//IMC es igual a peso sobre altura por altura
//IMA = peso / (altura * altura)

/*Necesito captura los pacientes, por el momento sera solo a Pablo.
Creamos un ID para Pablo en la carpeta de index y creamos una variable paciente
con el document.querySelector
Con el .textContent extraemos el valor de la propiedad.
*/

var paciente = document.querySelector('#primer-paciente');
    console.log(paciente);
var tdPeso = paciente.querySelector('.info-peso');
    console.log(tdPeso);
var peso = tdPeso.textContent;
    console.log(peso);

var tdAltura = paciente.querySelector('.info-altura');
    console.log(tdAltura);
var altura = tdAltura.textContent;
    console.log(altura);

//Ya tenemos nuestra variables para calcular el IMC, y 
//descomentamos IMC y creamos la var IMC recordemos la convencción minúsculas.
//Recuerde crear la variable tdIMC con .info para ingresar a ese espacio en la pagina web.

var tdIMC = paciente.querySelector('.info-imc');
/*var imc = peso / (altura * altura);
            // 100/(2*2) = 100/4 = 25
    console.log(imc);
tdIMC.textContent = imc;
*/

//Trabajamos cambiando peso y altura incoherentes.
//Para evitar es usamos operadores lógicos: if, >, <.
//Usamos los operadores  (||) (&&)

/*Como hacer para informar si hay parámetros incorrectos.
Creamos dos variables y las colocamos como verdaderas.
Y si el peso o altura no corresponde con el if se cambian
las variables booleanas a falsas dentro del operador if.
Eso sería para
crear otra condicción pero con el operador &&
*/

pesoEsVálido = true;
alturaEsVálida = true;

//true || false --> true. (||)Se le describe como **O.
if ((peso < 0) || (peso > 1000)){
    console.log('Peso incorrecto');//Si solo éste fuera incorrecto si mostrara el console.log
    //No basta con imprimir en la consola, también en la tabla en la web, por eso tdIMC.textContent
    tdIMC.textContent = 'Peso incorrecto';
    pesoEsVálido = false;
}

//true || false --> true
if ((altura < 0) || (altura > 3.00)){
    console.log('Altura incorrecta');//Cuando ambos son incorrectos toma el segundo valor.
    tdIMC.textContent = 'Altura incorrecta';
    alturaEsVálida = false;
}

//true && true --> true. (&&) se le llama ampersand
//Si ambos son falsos ni siquiera corre el código que sigue
//porque false && false --> false.
//Si las dos son verdaderas entonces que haga el cálculo del IMC
//Esa formula está arriba pero debe ir aquí.
//Aprendemos el orden de los operadores matemáticos.
if (pesoEsVálido && alturaEsVálida){
    var imc = peso / (altura * altura);
            // 100/(2*2) = 100/4 = 25
    console.log(imc);
tdIMC.textContent = imc;
}