Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Sugerencia] Practicando lo aprendido

Buenas les comparto mi solución: Ejemplo imc - mejorado En este caso escoji el ejemplo que dimos en clase sobre como calcular el imc y experimente usando todo lo que aprendimos en el curso.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>practicando-js</title>
</head>
<body>
    <script>

        function pedirDatos() {
            let maxDatos = 3; // condicion fin bucle.
            let datosPersona = []; // almacena los datos de la persona.
            for(let i = 0; i < maxDatos; i++) {

                if(i == 0) {
                   datosPersona.push(prompt("Ingrese el nombre de la persona: "));
                } else if (i == 1) {
                    datosPersona.push(parseFloat(prompt("Ingrese el peso: ")));
                }else {
                    datosPersona.push(parseFloat(prompt("Ingrese la altura: ")));
                }
            }
            return datosPersona;
        }

        function calcularIMC(){
            let datosPersona = [];
            datosPersona = pedirDatos();

            imc = parseInt(datosPersona[1] / (datosPersona[2] * datosPersona[2]));

            datosPersona.push(imc);

            if (datosPersona[3] >= 18.5 && datosPersona[3] <= 25) {
                datosPersona.push("IMC por debajo de lo recomendado.");
            }else {
                datosPersona.push("IMC considerado como sobrepeso.");
            }
            return datosPersona;
        }

        dPersona = []
        dPersona = calcularIMC();

        document.write(dPersona[0] + " tiene un peso: " + dPersona[1] + " una altura: " + dPersona[2] + " su imc es: " + dPersona[3] + " " + dPersona[4]);
    </script>
</body>
</html>

Si tiene alguna duda sobre algo no tenga verguenza en preguntar, estare encantado de ayudar !

1 respuesta

Fui practicando y poniendo apuntes en HTML para reforzar lo aprendido y repasar conceptos

<meta charset="utf-8">

<h1>CAMPO DE TEXTO Y BOTON</h1>

<h3>En HTML input para campo de texto y button
con su etiqueta.<br> <br>
Se crean dos variables (en la sección /script), <br>
una para el valor secreto y la otra para llamar<br>
a objeto input para que capture un valor.<br><br>
Luego se crea una function verificar() y <br>
dentro de ésta if / else.<br><br>
Para que el button sea funcional, fuera de la<br>
function verificar se crea una variante:<br>
var button = document.querySelector("button").<br><br>
El método "document.querySelector()" toma el<br>
valor al pulsar el button para verificar disparada con <br>
el evento button.onclick.
</h3>

<input/>
<button>Verificar si acertó con el secreto</button>

<script>
    var secreto = 5;
    var input = document.querySelector("input");

    function verificar() {

        if (parseInt(input.value) == secreto) {

        alert ("Usted acertó");
    }

        else{

            alert("Usted no acertó");

        }

    }

        var button = document.querySelector("button");
        button.onclick = verificar;

</script>