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

//Cambia el contenido de la etiqueta h1 con document.querySelector y asigna el siguiente texto: "Hora del Desafío". let titulo = document.querySelector('h1'); titulo.innerHTML = "Hora del Desafío"; //Crea una función que muestre en la consola el mensaje "El botón fue clicado" siempre que se presione el botón "Console". function buttonClick() { console.log("El botón fue clicado"); } //Crea una función que se ejecute cuando se haga clic en el botón "prompt", preguntando el nombre de una ciudad de Brasil. Luego, muestra una alerta con el mensaje concatenando la respuesta con el texto: "Estuve en {ciudad} y me acordé de ti". function promptClick(){ let ciudad = prompt('¿Cuál es tu ciudad favorita de Brasil?'); alert(`Estuve en ${ciudad} y me acordé de ti`); } //Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta". function alertClick(){ alert("Yo amo JS"); } //Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta. function sumaClick(){ let numero1 = parseInt(prompt('Ingrese el primer numero: ')); let numero2 = parseInt(prompt('Ingrese el segundo numero: ')); alert(`La suma de los números ingresados es: ${numero1 + numero2}`); }

Hola Juan,

Parece que ya has hecho un gran trabajo con las funciones que has creado. Todo parece estar en orden y bien estructurado. Sin embargo, para asegurarte de que todo funcione correctamente, es importante que vincules estas funciones a los botones correspondientes en tu documento HTML. Aquí tienes un ejemplo de cómo podrías hacerlo:

Vincular las funciones a los botones: Asegúrate de que en tu archivo HTML tienes botones con los IDs correctos, como consoleButton, promptButton, alertButton, y sumaButton. Luego, puedes usar addEventListener para asociar las funciones a los eventos de clic en estos botones.

<!-- Ejemplo de botones en HTML -->
<button id="consoleButton">Console</button>
<button id="promptButton">Prompt</button>
<button id="alertButton">Alerta</button>
<button id="sumaButton">Suma</button>

// Vincular funciones a los botones
document.getElementById('consoleButton').addEventListener('click', buttonClick);
document.getElementById('promptButton').addEventListener('click', promptClick);
document.getElementById('alertButton').addEventListener('click', alertClick);
document.getElementById('sumaButton').addEventListener('click', sumaClick);

Con estos pasos, cada vez que hagas clic en uno de los botones, se ejecutará la función correspondiente y verás los resultados esperados.