APIs públicas con JavaScript

Una API pública es un servicio en internet que devuelve información en formato JSON.

Puede ser una API que devuelva chistes, frases, usuarios ficticios, etc.

Ejercicio usuario ficticio con fetch:

• Cuando la persona pulse un botón en tu página, se hará una petición a la API de JSON Placeholder
• La URL que debes usar es: https://jsonplaceholder.typicode.com/users/1
• La API devuelve un objeto JSON con varios datos:
  • Nombre: name
  • Email: email
• Mostrar en pantalla el nombre y email
• Si ocurre algún error en la petición (por ejemplo, no hay conexión o la API responde mal), la promesa debe rechazar y mostrar un mensaje de error en pantalla
• El mensaje debe aparecer dentro de un elemento del HTML (no solo en consola)

Enlace a CodePen