Kursinhalt
Fortgeschrittene JavaScript-Meisterschaft
Fortgeschrittene JavaScript-Meisterschaft
Herausforderung: Arbeiten mit Drittanbieter-Bibliotheken
Aufgabe
Sie erstellen eine detaillierte Anzeige von Rasseinformationen. Nachdem Sie die Rassendaten von der API abgerufen haben, zeigen Sie den Namen, die Beschreibung, die Lebensdauer, die Gewichtsbereiche für Männchen und Weibchen sowie den hypoallergenen Status jeder Rasse an.
Verwenden Sie Axios, um Daten von
https://dogapi.dog/api/v2/breeds
abzurufen, wenn die Schaltfläche "Rassen abrufen" geklickt wird, und verpacken Sie die Anfrage in einem try-catch-Block.Wenn während der API-Anfrage ein Fehler auftritt, blenden Sie den Ladeindikator aus und zeigen Sie eine Fehlermeldung an.
index.html
index.css
index.js
Verwenden Sie
axios.get('https://dogapi.dog/api/v2/breeds')
, um Daten von der API abzurufen;Behandeln Sie den Fehler im
catch
-Block.
index.html
index.css
index.js
Danke für Ihr Feedback!