Challenge: Work with Third-Party Libraries
Task
You're building a detailed breed information display. After fetching breed data from the API, you'll display each breed's name, description, life span, male and female weight ranges, and hypoallergenic status.
- Use Axios to fetch data from the
https://dogapi.dog/api/v2/breeds
when the "Fetch Breeds" button is clicked, wrapping the request in a try-catch block. - If there's an error during the API request, hide the loading indicator and display an error message.
index.html
index.css
index.js
- Use
axios.get('https://dogapi.dog/api/v2/breeds')
to fetch data from the API; - In the
catch
block, handle the error.
index.html
index.css
index.js
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Ställ mig frågor om detta ämne
Sammanfatta detta kapitel
Visa verkliga exempel
Awesome!
Completion rate improved to 2.22
Challenge: Work with Third-Party Libraries
Svep för att visa menyn
Task
You're building a detailed breed information display. After fetching breed data from the API, you'll display each breed's name, description, life span, male and female weight ranges, and hypoallergenic status.
- Use Axios to fetch data from the
https://dogapi.dog/api/v2/breeds
when the "Fetch Breeds" button is clicked, wrapping the request in a try-catch block. - If there's an error during the API request, hide the loading indicator and display an error message.
index.html
index.css
index.js
- Use
axios.get('https://dogapi.dog/api/v2/breeds')
to fetch data from the API; - In the
catch
block, handle the error.
index.html
index.css
index.js
Tack för dina kommentarer!