[Proyecto] Desafío, Hora de prácticar 08 | Alura Latam

/* 2- Cambia el contenido de la etiqueta h1 con document.querySelector y asigna el siguiente texto: "Hora del Desafío". */ let titulo = document.querySelector('.titulo'); titulo.innerHTML = 'Hora del desafio';

/* 3- 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 mostrarMensaje() { console.log('El boton fue clicado'); }

/* 4- 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 nombreCiudad() { let cuidad = prompt('¿En que ciudad estuviste en brazil?'); alert(Estuve en ${cuidad} y me acordé de ti.);

}

/** 5- Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta". */ function mostrarAlertas() { alert('Yo amo JS'); }

/* 6- Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta. */ function sumaNumeros() { numero1 = parseInt(prompt('ingrese un numero')); numero2 = parseInt(prompt('ingreses otro numero')); let suma = numero1 + numero2; alert(El resultado de ${numero1} + ${numero2} es igual a ${suma}); }

¡Hola Jhon!

Parece que estás trabajando en un proyecto donde necesitas manipular el DOM y manejar eventos en JavaScript. Vamos a revisar lo que has hecho y asegurarnos de que todo funcione correctamente.

Cambiar el contenido de la etiqueta h1: Tu código para cambiar el contenido de un elemento h1 usando document.querySelector está casi correcto. Solo asegúrate de que la clase del elemento h1 sea realmente .titulo en tu HTML. Si es así, tu código funcionará perfectamente:
```
let titulo = document.querySelector('.titulo');
titulo.innerHTML = 'Hora del Desafío';
```
Función para mostrar mensaje en consola: La función mostrarMensaje parece estar bien. Solo necesitas asegurarte de que esta función esté vinculada al evento de clic del botón "Console". Aquí tienes un ejemplo de cómo hacerlo:
```
let botonConsole = document.querySelector('#botonConsole'); // Asegúrate de que el ID del botón sea correcto
botonConsole.addEventListener('click', mostrarMensaje);
```

Función para preguntar por una ciudad: Tu función nombreCiudad también está correcta. Solo necesitas vincularla al evento de clic del botón "prompt":

let botonPrompt = document.querySelector('#botonPrompt'); // Asegúrate de que el ID del botón sea correcto
botonPrompt.addEventListener('click', nombreCiudad);

Función para mostrar alerta: La función mostrarAlertas está bien. Vincúlala al botón "Alerta":

let botonAlerta = document.querySelector('#botonAlerta'); // Asegúrate de que el ID del botón sea correcto
botonAlerta.addEventListener('click', mostrarAlertas);

Función para sumar números: Tu función sumaNumeros está correcta. Asegúrate de vincularla al evento de clic del botón "suma":

let botonSuma = document.querySelector('#botonSuma'); // Asegúrate de que el ID del botón sea correcto
botonSuma.addEventListener('click', sumaNumeros);

Asegúrate de que los IDs o las clases de los botones en tu HTML coincidan con los que estás utilizando en JavaScript. Esto es crucial para que los eventos se vinculen correctamente.

Espero que esto te ayude a avanzar con tu proyecto. ¡Espero que te diviertas programando! Espero ter ajudado y bons estudos!