## Uppgift
Du bygger en detaljerad visning av hundrasinformation. Efter att ha hämtat rasdata från API:et ska du visa varje ras namn, beskrivning, livslängd, viktintervall för hanar och honor samt om rasen är hypoallergen.
1. Använd Axios för att hämta data från `https://dogapi.dog/api/v2/breeds` när knappen "Fetch Breeds" klickas, och omslut begäran i ett try-catch-block.
2. Om ett fel uppstår under API-begäran, dölj laddningsindikatorn och visa ett felmeddelande.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJpbmRleC5jc3MiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGJ1dHRvbiBpZD0iZmV0Y2gtYnJlZWRzIj5GZXRjaCBCcmVlZHM8L2J1dHRvbj4KICAgIDxwIGlkPSJsb2FkaW5nIiBzdHlsZT0iZGlzcGxheTogbm9uZSI+TG9hZGluZyBicmVlZHMuLi48L3A+CiAgICA8cCBpZD0iZXJyb3ItbWVzc2FnZSI+PC9wPgogICAgPGRpdiBpZD0iYnJlZWQtbGlzdCI+PC9kaXY+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9heGlvcy9kaXN0L2F4aW9zLm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8c2NyaXB0IHNyYz0iaW5kZXguanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg==

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICdBcmlhbCcsIHNhbnMtc2VyaWY7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YzZjZmYTsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBtaW4taGVpZ2h0OiAxMDB2aDsKICBtYXJnaW46IDA7CiAgY29sb3I6ICMzMzM7CiAgcGFkZGluZzogMjBweDsKfQoKYnV0dG9uIHsKICBwYWRkaW5nOiAxMnB4IDIwcHg7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjZmZmZmZmOwogIGJhY2tncm91bmQtY29sb3I6ICMwMDdiZmY7CiAgYm9yZGVyOiBub25lOwogIGJvcmRlci1yYWRpdXM6IDZweDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2U7CiAgbWFyZ2luLWJvdHRvbTogMjBweDsKfQoKYnV0dG9uOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA1NmIzOwp9CgojbG9hZGluZyB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjMWQ0ZWQ4OwogIGZvbnQtc3R5bGU6IGl0YWxpYzsKICBtYXJnaW46IDEwcHggMDsKfQoKI2Vycm9yLW1lc3NhZ2UgewogIGNvbG9yOiAjZWY0NDQ0OwogIGZvbnQtd2VpZ2h0OiBib2xkOwogIGZvbnQtc2l6ZTogMXJlbTsKICBtYXJnaW46IDE1cHggMDsKfQoKI2JyZWVkLWxpc3QgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDE1cHg7CiAgd2lkdGg6IDEwMCU7CiAgbWF4LXdpZHRoOiA2MDBweDsKfQoKI2JyZWVkLWxpc3QgZGl2IHsKICBwYWRkaW5nOiAyMHB4OwogIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7CiAgYm9yZGVyLXJhZGl1czogOHB4OwogIGJveC1zaGFkb3c6IDAgNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJvcmRlci1sZWZ0OiA0cHggc29saWQgIzAwN2JmZjsKICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLCBib3gtc2hhZG93IDAuMnMgZWFzZTsKfQoKI2JyZWVkLWxpc3QgZGl2OmhvdmVyIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7CiAgYm94LXNoYWRvdzogMCA4cHggMTZweCByZ2JhKDAsIDAsIDAsIDAuMTUpOwp9CgojYnJlZWQtbGlzdCBoMyB7CiAgZm9udC1zaXplOiAxLjI1cmVtOwogIGNvbG9yOiAjMWYyOTM3OwogIG1hcmdpbjogMCAwIDhweDsKfQoKI2JyZWVkLWxpc3QgcCB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjNGI1NTYzOwogIG1hcmdpbjogNHB4IDA7Cn0=

Y29uc3QgZmV0Y2hCcmVlZHNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZmV0Y2gtYnJlZWRzJyk7CmNvbnN0IGxvYWRpbmdNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvYWRpbmcnKTsKY29uc3QgZXJyb3JNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Vycm9yLW1lc3NhZ2UnKTsKY29uc3QgYnJlZWRMaXN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JyZWVkLWxpc3QnKTsKCmZ1bmN0aW9uIGRpc3BsYXlCcmVlZHMoYnJlZWRzKSB7CiAgYnJlZWRzLmZvckVhY2goYnJlZWQgPT4gewogICAgY29uc3QgYnJlZWREaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGNvbnN0IGJyZWVkTmFtZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2gzJyk7CiAgICBjb25zdCBicmVlZERlc2NyaXB0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRMaWZlU3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkV2VpZ2h0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRIeXBvYWxsZXJnZW5pYyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkR3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwJyk7CgogICAgYnJlZWROYW1lLnRleHRDb250ZW50ID0gYnJlZWQuYXR0cmlidXRlcy5uYW1lOwogICAgYnJlZWREZXNjcmlwdGlvbi50ZXh0Q29udGVudCA9IGJyZWVkLmF0dHJpYnV0ZXMuZGVzY3JpcHRpb247CiAgICBicmVlZExpZmVTcGFuLnRleHRDb250ZW50ID0gYExpZmUgU3BhbjogJHticmVlZC5hdHRyaWJ1dGVzLmxpZmUubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMubGlmZS5tYXh9IHllYXJzYDsKICAgIGJyZWVkV2VpZ2h0LnRleHRDb250ZW50ID0gYFdlaWdodCAoTWFsZSk6ICR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5taW59LSR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5tYXh9IGtnLCAoRmVtYWxlKTogJHticmVlZC5hdHRyaWJ1dGVzLmZlbWFsZV93ZWlnaHQubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMuZmVtYWxlX3dlaWdodC5tYXh9IGtnYDsKICAgIGJyZWVkSHlwb2FsbGVyZ2VuaWMudGV4dENvbnRlbnQgPSBgSHlwb2FsbGVyZ2VuaWM6ICR7CiAgICAgIGJyZWVkLmF0dHJpYnV0ZXMuaHlwb2FsbGVyZ2VuaWMgPyAnWWVzJyA6ICdObycKICAgIH1gOwoKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTmFtZSk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZERlc2NyaXB0aW9uKTsKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTGlmZVNwYW4pOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRXZWlnaHQpOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRIeXBvYWxsZXJnZW5pYyk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZEdyb3VwKTsKICAgIGJyZWVkTGlzdC5hcHBlbmRDaGlsZChicmVlZERpdik7CiAgfSk7Cn0KCmFzeW5jIGZ1bmN0aW9uIGZldGNoQnJlZWRzKCkgewogIGxvYWRpbmdNZXNzYWdlLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snOwogIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9ICcnOwogIGJyZWVkTGlzdC5pbm5lckhUTUwgPSAnJzsKCiAgdHJ5IHsKICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgX19fX18uX19fX18oJ19fX19fJyk7CiAgICBsb2FkaW5nTWVzc2FnZS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnOwogICAgZGlzcGxheUJyZWVkcyhyZXNwb25zZS5kYXRhLmRhdGEpOwogIH0gX19fX18gKGVycm9yKSB7CiAgICBsb2FkaW5nTWVzc2FnZS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnOwogICAgZXJyb3JNZXNzYWdlLnRleHRDb250ZW50ID0KICAgICAgJ0NvdWxkIG5vdCBsb2FkIGJyZWVkIGluZm9ybWF0aW9uLiBQbGVhc2UgdHJ5IGFnYWluLic7CiAgICBjb25zb2xlLmVycm9yKCdFcnJvciBmZXRjaGluZyBicmVlZHM6JywgZXJyb3IpOwogIH0KfQoKZmV0Y2hCcmVlZHNCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBmZXRjaEJyZWVkcyk7

- Använd `axios.get('https://dogapi.dog/api/v2/breeds')` för att hämta data från API:et;
- Hantera felet i `catch`-blocket.

Y29uc3QgZmV0Y2hCcmVlZHNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZmV0Y2gtYnJlZWRzJyk7CmNvbnN0IGxvYWRpbmdNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvYWRpbmcnKTsKY29uc3QgZXJyb3JNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Vycm9yLW1lc3NhZ2UnKTsKY29uc3QgYnJlZWRMaXN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JyZWVkLWxpc3QnKTsKCmZ1bmN0aW9uIGRpc3BsYXlCcmVlZHMoYnJlZWRzKSB7CiAgYnJlZWRzLmZvckVhY2goYnJlZWQgPT4gewogICAgY29uc3QgYnJlZWREaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGNvbnN0IGJyZWVkTmFtZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2gzJyk7CiAgICBjb25zdCBicmVlZERlc2NyaXB0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRMaWZlU3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkV2VpZ2h0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRIeXBvYWxsZXJnZW5pYyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkR3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwJyk7CgogICAgYnJlZWROYW1lLnRleHRDb250ZW50ID0gYnJlZWQuYXR0cmlidXRlcy5uYW1lOwogICAgYnJlZWREZXNjcmlwdGlvbi50ZXh0Q29udGVudCA9IGJyZWVkLmF0dHJpYnV0ZXMuZGVzY3JpcHRpb247CiAgICBicmVlZExpZmVTcGFuLnRleHRDb250ZW50ID0gYExpZmUgU3BhbjogJHticmVlZC5hdHRyaWJ1dGVzLmxpZmUubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMubGlmZS5tYXh9IHllYXJzYDsKICAgIGJyZWVkV2VpZ2h0LnRleHRDb250ZW50ID0gYFdlaWdodCAoTWFsZSk6ICR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5taW59LSR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5tYXh9IGtnLCAoRmVtYWxlKTogJHticmVlZC5hdHRyaWJ1dGVzLmZlbWFsZV93ZWlnaHQubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMuZmVtYWxlX3dlaWdodC5tYXh9IGtnYDsKICAgIGJyZWVkSHlwb2FsbGVyZ2VuaWMudGV4dENvbnRlbnQgPSBgSHlwb2FsbGVyZ2VuaWM6ICR7CiAgICAgIGJyZWVkLmF0dHJpYnV0ZXMuaHlwb2FsbGVyZ2VuaWMgPyAnWWVzJyA6ICdObycKICAgIH1gOwoKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTmFtZSk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZERlc2NyaXB0aW9uKTsKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTGlmZVNwYW4pOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRXZWlnaHQpOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRIeXBvYWxsZXJnZW5pYyk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZEdyb3VwKTsKICAgIGJyZWVkTGlzdC5hcHBlbmRDaGlsZChicmVlZERpdik7CiAgfSk7Cn0KCmFzeW5jIGZ1bmN0aW9uIGZldGNoQnJlZWRzKCkgewogIGxvYWRpbmdNZXNzYWdlLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snOwogIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9ICcnOwogIGJyZWVkTGlzdC5pbm5lckhUTUwgPSAnJzsKCiAgdHJ5IHsKICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgYXhpb3MuZ2V0KCdodHRwczovL2RvZ2FwaS5kb2cvYXBpL3YyL2JyZWVkcycpOwogICAgbG9hZGluZ01lc3NhZ2Uuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICAgIGRpc3BsYXlCcmVlZHMocmVzcG9uc2UuZGF0YS5kYXRhKTsKICB9IGNhdGNoIChlcnJvcikgewogICAgbG9hZGluZ01lc3NhZ2Uuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICAgIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9CiAgICAgICdDb3VsZCBub3QgbG9hZCBicmVlZCBpbmZvcm1hdGlvbi4gUGxlYXNlIHRyeSBhZ2Fpbi4nOwogICAgY29uc29sZS5lcnJvcignRXJyb3IgZmV0Y2hpbmcgYnJlZWRzOicsIGVycm9yKTsKICB9Cn0KCmZldGNoQnJlZWRzQnV0dG9uLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZmV0Y2hCcmVlZHMpOw==

Behärska grundläggande JavaScript-koncept, inklusive klasser, DOM-manipulation, händelsehantering och asynkron programmering. Lär dig skapa dynamiska och interaktiva webbapplikationer genom att hantera användarinteraktioner, hämta och visa data samt effektivt hantera asynkrona operationer. Genom en kombination av teori, praktiska utmaningar och verkliga exempel ger denna kurs dig de praktiska färdigheter som krävs för modern webbutveckling.

Lär dig grunderna i JavaScript-klasser, från klassdeklarationer till att definiera metoder som förbättrar funktionaliteten. Upptäck hur du använder parameterobjekt effektivt, hanterar privata egenskaper och kontrollerar åtkomst med getters och setters. Behärska statiska egenskaper och statiska metoder samt utnyttja kraften i klassarv med "extends" och "super()" för att skapa skalbar och återanvändbar kod.

Behärska DOM-manipulation för att skapa dynamiska, interaktiva webbapplikationer. Navigera och modifiera DOM-strukturen, uppdatera innehåll dynamiskt och tillämpa bästa praxis för säkerhet och prestanda. Skilj mellan egenskaper och attribut för att optimera din kod.

Lås upp interaktiviteten i dina webbapplikationer genom att bemästra JavaScript-händelser. Förstå händelsepropagering, kontrollera händelsebeteende och implementera effektiv händelsehantering för användarinteraktioner. Optimera prestanda med avancerade tekniker som händelsedelegering.

Fördjupa dig i asynkron JavaScript, inklusive återanrop, löften och async/await. Lär dig att hämta data från API:er, integrera tredjepartsbibliotek och hantera flera förfrågningar effektivt, vilket bygger färdigheter för att skapa datadrivna applikationer.

Utmaning: Arbeta med Tredjepartsbibliotek

Uppgift

Awesome!

Utmaning: Arbeta med Tredjepartsbibliotek

Uppgift