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
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 4. Kapittel 9
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 2.22
Challenge: Work with Third-Party Libraries
Sveip for å vise menyen
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
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 4. Kapittel 9