Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Haaste: Työskentely Kolmannen Osapuolen Kirjastojen Kanssa | Asynkroninen JavaScript ja API-integraatio
Edistynyt JavaScript-Osaaminen

bookHaaste: Työskentely Kolmannen Osapuolen Kirjastojen Kanssa

Tehtävä

Rakennat yksityiskohtaisen rotutietonäytön. Kun olet hakenut rotutiedot API:sta, näytät kunkin rodun nimen, kuvauksen, eliniän, urosten ja naaraiden painoalueet sekä hypoallergeenisuuden.

  1. Käytä Axios-kirjastoa hakeaksesi tietoja osoitteesta https://dogapi.dog/api/v2/breeds kun "Fetch Breeds" -painiketta painetaan, ja sijoita pyyntö try-catch-lohkoon.
  2. Jos API-pyynnön aikana tapahtuu virhe, piilota latausilmaisin ja näytä virheilmoitus.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Käytä axios.get('https://dogapi.dog/api/v2/breeds') hakeaksesi tietoja API:sta;
  • Käsittele virhe catch-lohossa.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 9

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 2.22

bookHaaste: Työskentely Kolmannen Osapuolen Kirjastojen Kanssa

Pyyhkäise näyttääksesi valikon

Tehtävä

Rakennat yksityiskohtaisen rotutietonäytön. Kun olet hakenut rotutiedot API:sta, näytät kunkin rodun nimen, kuvauksen, eliniän, urosten ja naaraiden painoalueet sekä hypoallergeenisuuden.

  1. Käytä Axios-kirjastoa hakeaksesi tietoja osoitteesta https://dogapi.dog/api/v2/breeds kun "Fetch Breeds" -painiketta painetaan, ja sijoita pyyntö try-catch-lohkoon.
  2. Jos API-pyynnön aikana tapahtuu virhe, piilota latausilmaisin ja näytä virheilmoitus.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Käytä axios.get('https://dogapi.dog/api/v2/breeds') hakeaksesi tietoja API:sta;
  • Käsittele virhe catch-lohossa.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 4. Luku 9
some-alt