Desafío: hora de practicar: Lógica de programación: explorar funciones y listas | Alura Latam

Html:

Javascript :

Cambiar el contenido del h1

document.querySelector("h1").textContent = "Hora del Desafío";

Función para mostrar mensaje en consola

function mostrarConsole() {
console.log("se dio click en el boton");
}

Función para mostrar alerta
function mostrarAlerta() {
alert("Yo amo JS");
}

Función para mostrar prompt y alerta con ciudad

function mostrarPrompt() {
const ciudad = prompt("Nombre de una ciudad de Brasil:");
alert(Estuve en ${ciudad} y me acordé de ti);
}

Función para pedir dos números y mostrar la suma

function sumarNumeros() {
const numero1 = parseFloat(prompt("Ingresa el primer número:"));
const numero2 = parseFloat(prompt("Ingresa el segundo número:"));
const suma = numero1 + numero2;
alert(El resultado de la suma es: ${suma});
}

Hola Luis, espero que estés bien

¡Espero que estés disfrutando del desafío! He revisado tu código y parece que ya tienes una buena estructura tanto en HTML como en JavaScript. Aquí te dejo algunos comentarios y sugerencias que podrían ser útiles:

HTML: Tu estructura HTML está bien organizada. Has incluido correctamente los botones que llaman a las funciones JavaScript.
JavaScript: Las funciones que has creado parecen estar funcionando correctamente. Aquí tienes un pequeño resumen de lo que hace cada función:
- mostrarConsole(): Muestra un mensaje en la consola del navegador cuando se hace clic en el botón correspondiente.
- mostrarAlerta(): Muestra una alerta con el mensaje "Yo amo JS".
- mostrarPrompt(): Pide al usuario que ingrese el nombre de una ciudad y luego muestra una alerta con un mensaje personalizado.
- sumarNumeros(): Solicita al usuario que ingrese dos números y luego muestra una alerta con el resultado de su suma.

Un pequeño consejo: asegúrate de que los usuarios ingresen números válidos en la función sumarNumeros(). Puedes añadir una verificación para asegurarte de que los valores ingresados sean números. Por ejemplo:

function sumarNumeros() {
  const numero1 = parseFloat(prompt("Ingresa el primer número:"));
  const numero2 = parseFloat(prompt("Ingresa el segundo número:"));

  if (isNaN(numero1) || isNaN(numero2)) {
    alert("Por favor, ingresa números válidos.");
  } else {
    const suma = numero1 + numero2;
    alert(`El resultado de la suma es: ${suma}`);
  }
}

Esto ayudará a evitar errores en caso de que el usuario ingrese algo que no sea un número.

Espero que estas sugerencias te sean útiles y te ayuden a mejorar tu práctica de lógica de programación. ¡Sigue adelante!

Espero haber ayudado y buenos estudios!