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

This course provides an in-depth exploration of key JavaScript principles, focusing on classes, DOM manipulation, event handling, and asynchronous programming. You'll learn to create dynamic and interactive elements, manage user interactions, and handle asynchronous operations. Through a blend of theory and hands-on challenges, this course helps you build practical JavaScript skills for real-world applications.

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.

This section covers the essentials of asynchronous JavaScript, including callbacks, Promises, and async/await. You’ll learn to fetch data from APIs, integrate third-party libraries, and handle multiple requests efficiently, building skills for creating data-driven applications.

Advanced JavaScript Mastery

Challenge: Working with Third-Party Libraries

Task