API-JS

Sprint 5. API REST
DEMO: https://web-chistes.netlify.app/

Nivel 1 ⭐

Ejercicio 1 ✅

• Crear la web de chistes, cuyo funcionamiento es:
• Al entrar no mostrará ningún chiste. Aparecerá el título y el botón de "siguiente chiste"
• Al pulsar el botón de "Siguiente chiste" se hará fetch a la API de chistes y se mostrará por consola el chiste en cuestión.
• Tip 1: usar promises o async / Awaits para esperar la respuesta de la API.
• Tip 2: antes de usar una API en el código, es recomendable usar Postman o herramientas online para probar API, por ejemplo https://apitester.com/. Además de garantizar que funciona, verás el objeto que devuelve, para saber utilizarlo.

Ejercicio 2 ✅

• Modificar la web anterior porque el chiste aparezca en la web, en lugar de por consola.

Nivel 2 ⭐⭐

Ejercicio 3 ✅

• Consumir una API de información meteorológica y mostrarlo en la web. Esta API debe decirse en la apertura, no mediante un botón.

Nivel 3 ⭐⭐⭐

Ejercicio 4 ✅

• Maquetar la web de chistes y tiempo meteorológico conforme a la siguiente pantalla:

Ejercicio 5 ✅

• Dado que nuestros usuarios se han aburrido de ver siempre los mismos chistes, buscar otra API (o APIs) de chistes y utilizarla para alternar chistes de diferentes fuentes (bien alternando uno de cada o de manera aleatoria).