## 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.

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

Ym9keSB7CiAgZm9udC1mYW1pbHk6ICdBcmlhbCcsIHNhbnMtc2VyaWY7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YzZjZmYTsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBtaW4taGVpZ2h0OiAxMDB2aDsKICBtYXJnaW46IDA7CiAgY29sb3I6ICMzMzM7CiAgcGFkZGluZzogMjBweDsKfQoKYnV0dG9uIHsKICBwYWRkaW5nOiAxMnB4IDIwcHg7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjZmZmZmZmOwogIGJhY2tncm91bmQtY29sb3I6ICMwMDdiZmY7CiAgYm9yZGVyOiBub25lOwogIGJvcmRlci1yYWRpdXM6IDZweDsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjNzIGVhc2U7CiAgbWFyZ2luLWJvdHRvbTogMjBweDsKfQoKYnV0dG9uOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA1NmIzOwp9CgojbG9hZGluZyB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjMWQ0ZWQ4OwogIGZvbnQtc3R5bGU6IGl0YWxpYzsKICBtYXJnaW46IDEwcHggMDsKfQoKI2Vycm9yLW1lc3NhZ2UgewogIGNvbG9yOiAjZWY0NDQ0OwogIGZvbnQtd2VpZ2h0OiBib2xkOwogIGZvbnQtc2l6ZTogMXJlbTsKICBtYXJnaW46IDE1cHggMDsKfQoKI2JyZWVkLWxpc3QgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDE1cHg7CiAgd2lkdGg6IDEwMCU7CiAgbWF4LXdpZHRoOiA2MDBweDsKfQoKI2JyZWVkLWxpc3QgZGl2IHsKICBwYWRkaW5nOiAyMHB4OwogIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7CiAgYm9yZGVyLXJhZGl1czogOHB4OwogIGJveC1zaGFkb3c6IDAgNHB4IDEycHggcmdiYSgwLCAwLCAwLCAwLjEpOwogIGJvcmRlci1sZWZ0OiA0cHggc29saWQgIzAwN2JmZjsKICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLCBib3gtc2hhZG93IDAuMnMgZWFzZTsKfQoKI2JyZWVkLWxpc3QgZGl2OmhvdmVyIHsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7CiAgYm94LXNoYWRvdzogMCA4cHggMTZweCByZ2JhKDAsIDAsIDAsIDAuMTUpOwp9CgojYnJlZWQtbGlzdCBoMyB7CiAgZm9udC1zaXplOiAxLjI1cmVtOwogIGNvbG9yOiAjMWYyOTM3OwogIG1hcmdpbjogMCAwIDhweDsKfQoKI2JyZWVkLWxpc3QgcCB7CiAgZm9udC1zaXplOiAxcmVtOwogIGNvbG9yOiAjNGI1NTYzOwogIG1hcmdpbjogNHB4IDA7Cn0=

Y29uc3QgZmV0Y2hCcmVlZHNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZmV0Y2gtYnJlZWRzJyk7CmNvbnN0IGxvYWRpbmdNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvYWRpbmcnKTsKY29uc3QgZXJyb3JNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Vycm9yLW1lc3NhZ2UnKTsKY29uc3QgYnJlZWRMaXN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JyZWVkLWxpc3QnKTsKCmZ1bmN0aW9uIGRpc3BsYXlCcmVlZHMoYnJlZWRzKSB7CiAgYnJlZWRzLmZvckVhY2goYnJlZWQgPT4gewogICAgY29uc3QgYnJlZWREaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGNvbnN0IGJyZWVkTmFtZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2gzJyk7CiAgICBjb25zdCBicmVlZERlc2NyaXB0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRMaWZlU3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkV2VpZ2h0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRIeXBvYWxsZXJnZW5pYyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkR3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwJyk7CgogICAgYnJlZWROYW1lLnRleHRDb250ZW50ID0gYnJlZWQuYXR0cmlidXRlcy5uYW1lOwogICAgYnJlZWREZXNjcmlwdGlvbi50ZXh0Q29udGVudCA9IGJyZWVkLmF0dHJpYnV0ZXMuZGVzY3JpcHRpb247CiAgICBicmVlZExpZmVTcGFuLnRleHRDb250ZW50ID0gYExpZmUgU3BhbjogJHticmVlZC5hdHRyaWJ1dGVzLmxpZmUubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMubGlmZS5tYXh9IHllYXJzYDsKICAgIGJyZWVkV2VpZ2h0LnRleHRDb250ZW50ID0gYFdlaWdodCAoTWFsZSk6ICR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5taW59LSR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5tYXh9IGtnLCAoRmVtYWxlKTogJHticmVlZC5hdHRyaWJ1dGVzLmZlbWFsZV93ZWlnaHQubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMuZmVtYWxlX3dlaWdodC5tYXh9IGtnYDsKICAgIGJyZWVkSHlwb2FsbGVyZ2VuaWMudGV4dENvbnRlbnQgPSBgSHlwb2FsbGVyZ2VuaWM6ICR7CiAgICAgIGJyZWVkLmF0dHJpYnV0ZXMuaHlwb2FsbGVyZ2VuaWMgPyAnWWVzJyA6ICdObycKICAgIH1gOwoKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTmFtZSk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZERlc2NyaXB0aW9uKTsKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTGlmZVNwYW4pOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRXZWlnaHQpOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRIeXBvYWxsZXJnZW5pYyk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZEdyb3VwKTsKICAgIGJyZWVkTGlzdC5hcHBlbmRDaGlsZChicmVlZERpdik7CiAgfSk7Cn0KCmFzeW5jIGZ1bmN0aW9uIGZldGNoQnJlZWRzKCkgewogIGxvYWRpbmdNZXNzYWdlLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snOwogIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9ICcnOwogIGJyZWVkTGlzdC5pbm5lckhUTUwgPSAnJzsKCiAgdHJ5IHsKICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgX19fX18uX19fX18oJ19fX19fJyk7CiAgICBsb2FkaW5nTWVzc2FnZS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnOwogICAgZGlzcGxheUJyZWVkcyhyZXNwb25zZS5kYXRhLmRhdGEpOwogIH0gX19fX18gKGVycm9yKSB7CiAgICBsb2FkaW5nTWVzc2FnZS5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnOwogICAgZXJyb3JNZXNzYWdlLnRleHRDb250ZW50ID0KICAgICAgJ0NvdWxkIG5vdCBsb2FkIGJyZWVkIGluZm9ybWF0aW9uLiBQbGVhc2UgdHJ5IGFnYWluLic7CiAgICBjb25zb2xlLmVycm9yKCdFcnJvciBmZXRjaGluZyBicmVlZHM6JywgZXJyb3IpOwogIH0KfQoKZmV0Y2hCcmVlZHNCdXR0b24uYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBmZXRjaEJyZWVkcyk7

- Use `axios.get('https://dogapi.dog/api/v2/breeds')` to fetch data from the API;
- In the `catch` block, handle the error.

Y29uc3QgZmV0Y2hCcmVlZHNCdXR0b24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZmV0Y2gtYnJlZWRzJyk7CmNvbnN0IGxvYWRpbmdNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2xvYWRpbmcnKTsKY29uc3QgZXJyb3JNZXNzYWdlID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Vycm9yLW1lc3NhZ2UnKTsKY29uc3QgYnJlZWRMaXN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JyZWVkLWxpc3QnKTsKCmZ1bmN0aW9uIGRpc3BsYXlCcmVlZHMoYnJlZWRzKSB7CiAgYnJlZWRzLmZvckVhY2goYnJlZWQgPT4gewogICAgY29uc3QgYnJlZWREaXYgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTsKICAgIGNvbnN0IGJyZWVkTmFtZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2gzJyk7CiAgICBjb25zdCBicmVlZERlc2NyaXB0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRMaWZlU3BhbiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkV2VpZ2h0ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgncCcpOwogICAgY29uc3QgYnJlZWRIeXBvYWxsZXJnZW5pYyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3AnKTsKICAgIGNvbnN0IGJyZWVkR3JvdXAgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdwJyk7CgogICAgYnJlZWROYW1lLnRleHRDb250ZW50ID0gYnJlZWQuYXR0cmlidXRlcy5uYW1lOwogICAgYnJlZWREZXNjcmlwdGlvbi50ZXh0Q29udGVudCA9IGJyZWVkLmF0dHJpYnV0ZXMuZGVzY3JpcHRpb247CiAgICBicmVlZExpZmVTcGFuLnRleHRDb250ZW50ID0gYExpZmUgU3BhbjogJHticmVlZC5hdHRyaWJ1dGVzLmxpZmUubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMubGlmZS5tYXh9IHllYXJzYDsKICAgIGJyZWVkV2VpZ2h0LnRleHRDb250ZW50ID0gYFdlaWdodCAoTWFsZSk6ICR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5taW59LSR7YnJlZWQuYXR0cmlidXRlcy5tYWxlX3dlaWdodC5tYXh9IGtnLCAoRmVtYWxlKTogJHticmVlZC5hdHRyaWJ1dGVzLmZlbWFsZV93ZWlnaHQubWlufS0ke2JyZWVkLmF0dHJpYnV0ZXMuZmVtYWxlX3dlaWdodC5tYXh9IGtnYDsKICAgIGJyZWVkSHlwb2FsbGVyZ2VuaWMudGV4dENvbnRlbnQgPSBgSHlwb2FsbGVyZ2VuaWM6ICR7CiAgICAgIGJyZWVkLmF0dHJpYnV0ZXMuaHlwb2FsbGVyZ2VuaWMgPyAnWWVzJyA6ICdObycKICAgIH1gOwoKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTmFtZSk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZERlc2NyaXB0aW9uKTsKICAgIGJyZWVkRGl2LmFwcGVuZENoaWxkKGJyZWVkTGlmZVNwYW4pOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRXZWlnaHQpOwogICAgYnJlZWREaXYuYXBwZW5kQ2hpbGQoYnJlZWRIeXBvYWxsZXJnZW5pYyk7CiAgICBicmVlZERpdi5hcHBlbmRDaGlsZChicmVlZEdyb3VwKTsKICAgIGJyZWVkTGlzdC5hcHBlbmRDaGlsZChicmVlZERpdik7CiAgfSk7Cn0KCmFzeW5jIGZ1bmN0aW9uIGZldGNoQnJlZWRzKCkgewogIGxvYWRpbmdNZXNzYWdlLnN0eWxlLmRpc3BsYXkgPSAnYmxvY2snOwogIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9ICcnOwogIGJyZWVkTGlzdC5pbm5lckhUTUwgPSAnJzsKCiAgdHJ5IHsKICAgIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgYXhpb3MuZ2V0KCdodHRwczovL2RvZ2FwaS5kb2cvYXBpL3YyL2JyZWVkcycpOwogICAgbG9hZGluZ01lc3NhZ2Uuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICAgIGRpc3BsYXlCcmVlZHMocmVzcG9uc2UuZGF0YS5kYXRhKTsKICB9IGNhdGNoIChlcnJvcikgewogICAgbG9hZGluZ01lc3NhZ2Uuc3R5bGUuZGlzcGxheSA9ICdub25lJzsKICAgIGVycm9yTWVzc2FnZS50ZXh0Q29udGVudCA9CiAgICAgICdDb3VsZCBub3QgbG9hZCBicmVlZCBpbmZvcm1hdGlvbi4gUGxlYXNlIHRyeSBhZ2Fpbi4nOwogICAgY29uc29sZS5lcnJvcignRXJyb3IgZmV0Y2hpbmcgYnJlZWRzOicsIGVycm9yKTsKICB9Cn0KCmZldGNoQnJlZWRzQnV0dG9uLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZmV0Y2hCcmVlZHMpOw==

Master essential JavaScript concepts, including classes, DOM manipulation, event handling, and asynchronous programming. Learn to create dynamic and interactive web applications by managing user interactions, fetching and displaying data, and handling asynchronous operations efficiently. Through a blend of theory, hands-on challenges, and real-world examples, this course equips you with the practical skills needed for modern web development.

Learn the fundamentals of JavaScript classes, from class declarations to defining methods that enhance functionality. Discover how to use parameter objects effectively, manage private properties, and control access with getters and setters. Master static properties and static methods and unlock the power of class inheritance using "extends" and "super()" to build scalable and reusable code.

Master DOM manipulation to create dynamic, interactive web applications. Navigate and modify the DOM's structure, dynamically update content, and implement best practices for security and performance. Differentiate between properties and attributes to optimize your code.

Unlock the interactivity of your web applications by mastering JavaScript events. Understand event propagation, control event behavior, and implement efficient event handling for user interactions. Optimize performance with advanced techniques like event delegation.

Dive into asynchronous JavaScript, including callbacks, Promises, and async/await. Learn how to fetch data from APIs, integrate third-party libraries, and handle multiple requests efficiently, building skills for creating data-driven applications.

Challenge: Work with Third-Party Libraries

Task

Awesome!

Challenge: Work with Third-Party Libraries

Task