Uitdaging: Werken met Externe Bibliotheken
Taak
Je bouwt een gedetailleerde weergave van rasinformatie. Na het ophalen van rasgegevens van de API, toon je de naam van elk ras, beschrijving, levensduur, gewichtsklassen voor mannetjes en vrouwtjes, en hypoallergene status.
- Gebruik Axios om gegevens op te halen van
https://dogapi.dog/api/v2/breedswanneer op de knop "Fetch Breeds" wordt geklikt, waarbij je het verzoek in een try-catch-blok plaatst. - Als er een fout optreedt tijdens het API-verzoek, verberg dan de laadindicator en toon een foutmelding.
index.html
index.css
index.js
- Gebruik
axios.get('https://dogapi.dog/api/v2/breeds')om gegevens van de API op te halen; - Behandel de fout in het
catch-blok.
index.html
index.css
index.js
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you show me how to structure the API response data for display?
What should the error message look like when the API request fails?
How do I display the loading indicator while fetching data?
Awesome!
Completion rate improved to 2.22Uitdaging: Werken met Externe Bibliotheken
Veeg om het menu te tonen
Taak
Je bouwt een gedetailleerde weergave van rasinformatie. Na het ophalen van rasgegevens van de API, toon je de naam van elk ras, beschrijving, levensduur, gewichtsklassen voor mannetjes en vrouwtjes, en hypoallergene status.
- Gebruik Axios om gegevens op te halen van
https://dogapi.dog/api/v2/breedswanneer op de knop "Fetch Breeds" wordt geklikt, waarbij je het verzoek in een try-catch-blok plaatst. - Als er een fout optreedt tijdens het API-verzoek, verberg dan de laadindicator en toon een foutmelding.
index.html
index.css
index.js
- Gebruik
axios.get('https://dogapi.dog/api/v2/breeds')om gegevens van de API op te halen; - Behandel de fout in het
catch-blok.
index.html
index.css
index.js
Bedankt voor je feedback!
