Taak

Een webpagina ontwikkelen die een lijst van hondenrassen en hun informatie toont, opgehaald via de Dog API. Wanneer de gebruiker op de knop "Rassen laden" klikt, moeten de gegevens van de API worden opgehaald en moeten rasinformatie (naam, beschrijving en levensduur) op de webpagina worden weergegeven. Eventuele fouten afhandelen en feedback geven in de HTML.

Gegevens ophalen van API: Wanneer op de knop "Rassen laden" wordt geklikt

1. Gegevens ophalen van https://dogapi.dog/api/v2/breeds;
2. De JSON-respons parsen;
3. Indien de gegevens succesvol zijn opgehaald, doorgaan naar de volgende stap;
4. Als er een fout optreedt bij het ophalen van de gegevens, "Failed to load breeds. Please try again later." weergeven in het error-message-element.

• Gebruik fetch('https://dogapi.dog/api/v2/breeds') om gegevens op te halen van https://dogapi.dog/api/v2/breeds;
• Gebruik response.json() om de JSON-respons te parsen;
• Na het parsen van de gegevens in het volgende then-blok, de functie displayBreeds aanroepen en data.data als argument meegeven;
• In het catch-blok eventuele fouten afhandelen.