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();
});