Tarea

Desarrollar una página web que muestre una lista de razas de perros y su información obtenida de la Dog API. Cuando el usuario haga clic en el botón "Cargar Razas", los datos deben obtenerse de la API y la información de cada raza (nombre, descripción y esperanza de vida) debe mostrarse en la página web. Gestionar cualquier posible error y proporcionar retroalimentación en el HTML.

Obtener datos de la API: Cuando se haga clic en el botón "Cargar Razas"

1. Obtener datos de https://dogapi.dog/api/v2/breeds;
2. Analizar la respuesta JSON;
3. Si los datos se obtienen correctamente, proceder al siguiente paso;
4. Si ocurre un error al obtener los datos, mostrar "Failed to load breeds. Please try again later." en el elemento error-message.

• Utilizar fetch('https://dogapi.dog/api/v2/breeds') para obtener datos de https://dogapi.dog/api/v2/breeds;
• Utilizar response.json() para analizar la respuesta JSON;
• Después de analizar los datos en el siguiente bloque then, llamar a la función displayBreeds y proporcionar data.data como argumento;
• En el bloque catch, gestionar cualquier posible error.