Desafio: Trabalhar com Bibliotecas de Terceiros
Tarefa
Exibir informações detalhadas sobre raças. Após buscar os dados das raças pela API, exibir o nome de cada raça, descrição, expectativa de vida, faixas de peso para machos e fêmeas, e status hipoalergênico.
- Utilizar Axios para buscar dados em
https://dogapi.dog/api/v2/breedsquando o botão "Fetch Breeds" for clicado, envolvendo a requisição em um bloco try-catch. - Se ocorrer um erro durante a requisição da API, ocultar o indicador de carregamento e exibir uma mensagem de erro.
index.html
index.css
index.js
- Utilizar
axios.get('https://dogapi.dog/api/v2/breeds')para buscar dados da API; - No bloco
catch, tratar o erro.
index.html
index.css
index.js
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you show me how to structure the API response data for display?
What should the error message look like when the API request fails?
How do I display the loading indicator while fetching data?
Incrível!
Completion taxa melhorada para 2.22
Desafio: Trabalhar com Bibliotecas de Terceiros
Deslize para mostrar o menu
Tarefa
Exibir informações detalhadas sobre raças. Após buscar os dados das raças pela API, exibir o nome de cada raça, descrição, expectativa de vida, faixas de peso para machos e fêmeas, e status hipoalergênico.
- Utilizar Axios para buscar dados em
https://dogapi.dog/api/v2/breedsquando o botão "Fetch Breeds" for clicado, envolvendo a requisição em um bloco try-catch. - Se ocorrer um erro durante a requisição da API, ocultar o indicador de carregamento e exibir uma mensagem de erro.
index.html
index.css
index.js
- Utilizar
axios.get('https://dogapi.dog/api/v2/breeds')para buscar dados da API; - No bloco
catch, tratar o erro.
index.html
index.css
index.js
Obrigado pelo seu feedback!