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
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 9
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.22
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
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 4. Розділ 9