INTERACTUANDO CON HTML (desafios) | Lógica de programación: explorar funciones y listas | Alura Latam

Desafíos

1 - Descarga otro proyecto haciendo clic en este enlace y ábrelo en Visual Studio Code.
2 - 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 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".

DOCUMENTO index.htmal

DOCUMENTO app.js

function presionarBotonConsole() {
alert('El botón 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".

DOCUMENTO index.html

DOCUMENTO app.js

function preguntarCiudad() {
let pais = prompt('Ingrese el nombre de una ciudad de Brasil: ');
alert(Estuve en ${pais} y me acorde 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".

DOCUMENTO index.htmal

DOCUMENTO app.js

function mensaje() {
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.

DOCUMENTO index.html

DOCUMENTO app.js

function suma() {
let valor1 = parseInt(prompt('Ingrese un número: '));
let valor2 = parseInt(prompt('Ingrese otro número: '));
let resultado = valor1 + valor2;

alert(`La suma es: ${resultado}`);

}

¡Hola Hernandez, espero que estés bien!

Parece que estás trabajando en un proyecto interesante interactuando con HTML y JavaScript. Vamos a revisar cada uno de los desafíos que mencionaste para asegurarnos de que todo esté en orden:

Cambiar el contenido de la etiqueta h1:
Tu código para cambiar el contenido de la etiqueta h1 está perfecto. Usar document.querySelector('h1').innerHTML = 'Hora del desafio'; es una manera correcta de hacerlo.
Función para mostrar mensaje en consola:
En tu descripción, mencionas que la función debe mostrar un mensaje en la consola, pero en el código proporcionado usas alert(). Si realmente deseas mostrar el mensaje en la consola, deberías usar console.log('El botón fue clicado'); en lugar de alert.
Función para preguntar por una ciudad:
Tu función preguntarCiudad está bien estructurada. Usas prompt para obtener el nombre de la ciudad y luego alert para mostrar el mensaje. Todo parece estar correcto aquí.
Función para mostrar alerta con "Yo amo JS":
La función mensaje está correctamente configurada para mostrar la alerta con el texto "Yo amo JS" cuando se hace clic en el botón correspondiente.
Función para sumar dos números:
Tu función suma está bien implementada. Usas prompt para obtener los números y parseInt para convertirlos a enteros antes de sumarlos. Luego, muestras el resultado con alert.

En resumen, parece que has entendido bien cómo interactuar con el DOM y manejar eventos en JavaScript. Si tienes algún problema específico con alguno de estos puntos, no dudes en compartir más detalles para que pueda ayudarte mejor.

Espero haber ayudado y buenos estudios!