Tenemos acceso a una API tal que, cada vez que la llamamos, nos devuelve un chiste aleatorio sobre Chuck Norris. Aquí tienes una Demo.
Puedes probar simplemente invoncando a la API desde el navegador URL de la página oficial de esta API enlace
Fíjate en el formato que devuelve los datos cada vez que la invocas. Para ver mejor la estructura de los datos, puedes inspeccionar las llamadas que hace el script del
lado cliente al servidor.
- Preguntas de autoevaluación:
- ¿Cuál es la URL exacta que me permite obtener un chiste?
- ¿Qué tipo de petición HTTP debemos realizar para obtener la información? ¿GET o POST?
- ¿Que tipo de dato JavaScript devuelve la respuesta de la API?
- ¿Cuál es la propiedad de este objeto que contiene el texto del chiste?
- Implementa el mismo comportamiento de la demo, tal que cada vez que hagas clic en el botón Get Joke! recupere un chiste aleatorio de la API https://api.chucknorris.io/jokes/random y lo muestre en el elemento del DOM adecuado
- Crea un selector de manera que puedas escoger la categoría del chiste. Revisa la documentación oficial y descubrirás que pueden invocar a la API con un parámetro para que te de un chiste de una categoría en concreto. Haz clic aquí para ver una demo, pero revisa también como tienes que conformar la URL de la petición para obtener el chiste en función de la categoría.