Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Challenge: Work with Third-Party Libraries | Asynchronous JavaScript and API Integration
JavaScript Logic and Interaction

bookChallenge: 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.

  1. 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.
  2. If there's an error during the API request, hide the loading indicator and display an error message.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • 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.html

index.css

index.css

index.js

index.js

copy

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  9

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 4.  9
some-alt