Desafio 1, Funciones y listas | Alura Latam - Cursos online de tecnologia

Desafio 1, Funciones y listas

Mas alla de haber elegido otro metodo el mas acertado fue el que encontre en la ayuda en el link a Github, lo comparto, ya que tocan los temas que fuimos viendo.

Sugestión de respuestas

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 Desafío'; 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.

En el index.html , agregamos en el onclick el siguiente código:

En el app.js

function mostarMensajeEnLaConsola() { console.log('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".

En el index.html , agregamos en el onclick el siguiente código:

En el app.js

function mostrarAlerta() { let ciudad = prompt("Por favor, ingresa el nombre de una ciudad de Brasil:"); alert("Estuve en " + ciudad + " y me acordé de ti."); } 5.Crea una función que muestre una alerta con el mensaje: "Amo JS" siempre que se presione el botón "Alerta".

En el index.html , agregamos en el onclick el siguiente código:

En el app.js

function mostarAlerta(){ alert("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.

En el index.html , agregamos en el onclick el siguiente código:

En el app.js

Hola Martin,

¡Qué bueno que encontraste una solución en GitHub que te ayudó con el desafío! Me alegra que estés compartiendo tus hallazgos, ya que puede ser muy útil para otros estudiantes que estén enfrentando problemas similares.

En cuanto a tus sugerencias de respuestas, parece que has cubierto varios puntos importantes del desafío. Aquí te dejo algunos comentarios sobre cada uno:

Cambiar el contenido de la etiqueta h1: Tu código es correcto. Usar document.querySelector('h1') para seleccionar el elemento h1 y luego cambiar su contenido con innerHTML es una forma efectiva de hacerlo.
Función para mostrar un mensaje en la consola: La función mostarMensajeEnLaConsola está bien implementada. Cada vez que se haga clic en el botón "Console", se mostrará el mensaje en la consola, lo cual es una buena práctica para depuración.
Función para mostrar una alerta con el nombre de una ciudad: Tu función mostrarAlerta es correcta. Usar prompt para solicitar información al usuario y luego mostrarla en una alerta es una buena manera de interactuar con el usuario.
Función para mostrar una alerta con el mensaje "Amo JS": La función mostarAlerta está bien hecha. Cada vez que se presione el botón "Alerta", se mostrará el mensaje "Amo JS".
Función para sumar dos números: Tu función sumaDosNumeros es adecuada, pero hay un pequeño error en la forma en que estás mostrando el resultado en la alerta. Deberías usar comillas invertidas para que las variables se interpolen correctamente en la cadena. Aquí te dejo la corrección:

function sumaDosNumeros(){
    let primerNumero = parseInt(prompt('Digite el primer numero'));
    let segunNumero = parseInt(prompt('Digite el segundo numero'));
    let resultado = primerNumero + segunNumero;
    alert(`${primerNumero} + ${segunNumero} = ${resultado}`);
}

Espero que estas sugerencias te sean útiles. ¡Sigue adelante con tu aprendizaje y no dudes en compartir más de tus descubrimientos!

Espero haber ayudado y buenos estudios!