https://github.com/waldohidalgo/desafio_cinco_modulo_4_desafio_latam

Repositorio con el código solución del quinto desafío llamado Promesas del módulo 4: Programación Avanzada en JavaScript
https://github.com/waldohidalgo/desafio_cinco_modulo_4_desafio_latam

desafiolatam

Last synced: 25 days ago
JSON representation

Repositorio con el código solución del quinto desafío llamado Promesas del módulo 4: Programación Avanzada en JavaScript

• Host: GitHub
• URL: https://github.com/waldohidalgo/desafio_cinco_modulo_4_desafio_latam
• Owner: waldohidalgo
• Created: 2024-02-23T16:13:12.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-02-23T16:24:02.000Z (10 months ago)
• Last Synced: 2024-02-23T17:35:14.010Z (10 months ago)
• Topics: desafiolatam
• Language: JavaScript
• Homepage:
• Size: 793 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Este repositorio contiene el código del **desafío quinto** llamado **Desafío - Promesas** del módulo 4 **Programación avanzada en JavaScript** de la beca **Desarrollo de aplicaciones Full Stack Javascript Trainee** dictada por Desafío Latam. El desafío consiste en los requerimientos que muestro a continuación:

![Requisitos Hoja 1 y 2](./screenshots/requisitos_1_2.jpg)

Siguiendo el procedimiento señalado en los requerimientos procedo a mostrar el código:

● Crear una función asíncrona que contenga la URL en una variable

● Luego mediante el bloque de try/catch conectarse a la URL indicada anteriormente con el método fetch, utilizando a la vez await para que retorne directamente el valor de la promesa.

● Utilizando métodos para iterar arreglos, como por ejemplo el forEach, solamente mostrar los primeros 20 títulos de álbumes de acuerdo al número de id indicados por la URL.

La siguiente función asíncrona cumple con lo solicitado:

![Código Consulta a la API](./screenshots/code_consulta_api.png)

El resultado de ejecutar la función asíncrona se muestra en consola y corresponde a la siguiente imagen:

![Resultado Código Consulta a la API](./screenshots/resultado_consulta_api.png)

Por último, el último requisito es el siguiente:

● Se debe crear otra función que retorne una promesa, la cual debe tardar tres (3) segundos en resolver la promesa para retornar el mensaje: “Información Enviada”. Esta promesa debe ser recibida por una función asíncrona, que mediante el uso del await reciba directamente el valor y lo muestra por la consola del navegador web.

Lo anterior lo implemento como muestro en la siguiente imagen:

![Código Espera 3 segundos](./screenshots/code_3_segundos.png)

Al ejecutar la función asíncrona **mostrarMensaje** con el argumento igual a la llamada de la función **ejecucionMensaje** se muestra en consola el siguiente mensaje a los 3 segundos:

![Mensaje 3 segundos](./screenshots/mensaje_3_segundos.png)