Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

09 Desafío: hora de practicar

link de la pagina WEB: https://luisamorteguitest3691.github.io/09-Desaf-o-hora-de-practicar-1/ link repositorio: https://github.com/LuisAmorteguiTest3691/09-Desaf-o-hora-de-practicar-1

document.addEventListener('DOMContentLoaded', () => {
    const botonEjercicioUno = document.querySelector('.boton-ejercicio-1');
    const botonEjercicioDos = document.querySelector('.boton-ejercicio-2');
    const botonEjercicioTres = document.querySelector('.boton-ejercicio-3');
    const botonEjercicioCuatro = document.querySelector('.boton-ejercicio-4');
    const botonEjercicioCinco = document.querySelector('.boton-ejercicio-5');
    const botonEjercicioSix = document.querySelector('.boton-ejercicio-6');
    function primerEjercicio() {
        botonEjercicioUno.addEventListener('click', () => {
            let peso = document.querySelector('.peso');
            let altura = document.querySelector('.altura');
            let parrafo = document.querySelector('.result-1');
            if (peso.value == '' || altura.value == '') {
                parrafo.innerHTML = 'Por favor llene los datos';
                parrafo.style.color = '#e35260';
                peso.style.border = '1px solid #e35260';
                altura.style.border = '1px solid #e35260';
            } else {
                calcularIMC(parrafo, peso, altura);
            }
        });
    }
    function calcularIMC(parrafo, peso, altura) {
        // parrafo.innerHTML = '';
        parrafo.style.color = 'black';
        peso.style.border = '1px solid rgb(203, 193, 193)';
        altura.style.border = '1px solid rgb(203, 193, 193)';
        altura = parseFloat(altura.value);
        peso = parseFloat(peso.value);
        let alturaCuadrado = Math.pow(altura, 2);
        let IMC = (peso / alturaCuadrado).toFixed(2);
        if (IMC < 18.5) {
            parrafo.innerHTML = `Su indice de IMC es: ${IMC} Bajo de peso`;
        } else if (IMC >= 18.5 && IMC <= 24.9) {
            parrafo.innerHTML = `Su indice de IMC es: ${IMC} Peso saludable`;
        } else if (IMC >= 25 && IMC <= 29.9) {
            parrafo.innerHTML = `Su indice de IMC es: ${IMC} Sobrepeso`;
        } else {
            parrafo.innerHTML = `Su indice de IMC es: ${IMC} Obesidad`;
        }
    }
    // Ejercicio 2
    function ejercicioDos() {
        botonEjercicioDos.addEventListener('click', () => {
            const numero = document.querySelector('.numero-factorial');
            const parrafo = document.querySelector('.result-2');
            if (numero.value == '') {
                parrafo.innerHTML = 'Por favor ingrese un numero';
                parrafo.style.color = '#e35260';
                numero.style.border = '1px solid #e35260';
            } else {
                calcularFactorial(numero.value, parrafo);
            }
        });
    }
    function calcularFactorial(numero, parrafo) {
        let numeroFloat = parseFloat(numero);
        if (numero == 0) {
            parrafo.innerHTML = `El factorial de ${numeroFloat} es 1`
            parrafo.style.color = '#1021a1';
        } else if (numero < 0){
            parrafo.innerHTML = `Ingresa un numero mayor a 0`
            parrafo.style.color = 'red';
        } else {
            console.log(numero);
            let factorNumero = factorial(numero);
            console.log(factorNumero);
            parrafo.innerHTML = `El factorial de ${numero} es  ${factorNumero}`
            parrafo.style.color = '#1021a1';
        }
    }
    function factorial(n) {
        let resultado = 1;
        for (let i = 1; i <= n; i++) {
            resultado *= i;
        }
        return resultado;
    }
    function ejercicioTres() {
        botonEjercicioTres.addEventListener('click',  () => {
            const moneda = document.querySelector('.dolar');
            const parrafo = document.querySelector('.result-3');
            if (moneda.value == '') {
                parrafo.innerHTML = 'Por favor ingrese un valor';
                parrafo.style.color = '#e35260';
                moneda.style.border = '1px solid #e35260';
            } else {
                convertirDolar(parrafo, moneda);
            }
        });
    }
    function convertirDolar(parrafo, moneda) {
        let monedaFormato = parseFloat(moneda.value);
        let dolares = (parseFloat(monedaFormato) / 4105.63).toFixed(2);

        parrafo.innerHTML = `El valor en dolares de ${monedaFormato} es de ${dolares} dolares`;
        parrafo.style.color = '#1021a1';
    }
    function ejercicioCuatro() {
        botonEjercicioCuatro.addEventListener('click', () => {
            let ancho = document.querySelector('.alto');
            let alto = document.querySelector('.ancho');
querySelector
            ... codigo completo en git
    primerEjercicio();
    ejercicioDos();
    ejercicioTres()
    ejercicioCuatro();
    ejercicioCinco();
    six();
});
1 respuesta
solución!

Hola, Luis ,

Gracias por compartir tu código con nosotros. Recuerda que estamos aquí para ayudarte. Si necesitas ayuda, no dudes en buscarnos en el foro.

¡Gracias nuevamente!

Saludos,

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!