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

Ejercicios (08-Desafío: Practica)

//Ejercicio 2 y 3
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora del Desafío';

function botonConsola() {
console.log('El botón fue clicado');
}

//Ejercicio 4
let titulo = document.querySelector('h1');
titulo.innerHTML = "Hora del Desafío";

function botonPrompt (){
let datoCiudad = prompt("¿Cuál es tu ciudad de Brasil favorita?");

if(datoCiudad) {
alert(Estuve en ${datoCiudad} y me acordé de ti);
}
}

//Ejercicio 5
let titulo = document.querySelector('h1');
titulo.innerHTML = "Hora del Desafío";

function botonAlerta (){
alert("Yo amo JS");
}

//Ejercicio 6
let titulo = document.querySelector('h1');
titulo.innerHTML = "Hora del Desafío";

function botonSuma() {

let numero1 = parseInt(prompt("Ingresa el primer número:"));
let numero2 = parseInt(prompt("Ingresa el segundo número:"));

let suma = (numero1 + numero2);
alert(El resultado de la suma es: ${suma});
}

¡Hola Ángel!

Parece que estás trabajando en una serie de ejercicios para practicar la lógica de programación y manipulación del DOM con JavaScript. Vamos a revisar cada uno de los ejercicios que mencionaste:

Ejercicio 2 y 3: Cambiaste correctamente el contenido de la etiqueta h1 utilizando document.querySelector y creaste una función botonConsola que imprime un mensaje en la consola cuando se presiona el botón. ¡Bien hecho!
Ejercicio 4: Has creado una función botonPrompt que solicita al usuario el nombre de una ciudad de Brasil y luego muestra una alerta con un mensaje personalizado. Todo parece estar en orden aquí.
Ejercicio 5: La función botonAlerta muestra una alerta con el mensaje "Yo amo JS" cuando se presiona el botón. Esto también está correctamente implementado.
Ejercicio 6: Tu función botonSuma solicita dos números al usuario, calcula la suma y muestra el resultado en una alerta. La lógica aquí es correcta.

Una cosa que podrías mejorar es evitar la repetición del código que selecciona y cambia el contenido del h1. Puedes hacerlo una sola vez al inicio de tu script, ya que el texto es el mismo para todos los ejercicios. Por ejemplo:

let titulo = document.querySelector('h1');
titulo.innerHTML = "Hora del Desafío";

Coloca esto al principio de tu archivo JavaScript y así no necesitarás repetirlo en cada función.