Api beží na adrese http://127.0.0.1:8000. Pristupovať k nemu pôžne napríklad pomocou príkazu fetch. Dávajte si pozor aby sa vaša funkcia naozaj spustila a nezabudnite, že fetch vracia Promise.

Zadanie pre úlohu 02 - API/Mesta Detail

Cieľom tejto úlohy je vytvoriť webovú stránku, ktorá načíta informácie o slovenských mestách a ako vysledok vypiše najvačšie mesto, najmenšie mesto a celkovu populaciu v uvedených mestách.

API Endpoint

1. GET /mesta - Popis: Tento endpoint vracia zoznam miest spolu s ich populáciou. - Výstup: Pole objektov, kde každý objekt obsahuje názov mesta a jeho populáciu, napríklad: json [ { "mesto": "Bratislava", "populacia": 432000 }, { "mesto": "Košice", "populacia": 240000 } // ďalšie mestá ]

Požiadavky

1. Načítanie miest: - Načítajte dáta z endpointu /mesta a spracujte ich pomocou JavaScriptu.

2. Zobrazenie detailných informácií: - Na stránke zobrazte nasledujúce informácie:

   • Najväčšie Mesto: Zobrazte názov mesta s najväčšou populáciou.
   • Najmenšie Mesto: Zobrazte názov mesta s najmenšou populáciou.
   • Celková Populácia: Zobrazte súčet populácií všetkých miest.

3. Formátovanie a ID elementov: - Pre každú informáciu použite samostatný HTML element s príslušným ID:

   • Najväčšie Mesto: <div id="largest-city"></div>
   • Najmenšie Mesto: <div id="smallest-city"></div>
   • Celková Populácia: <div id="total-population"></div>
   • Formát textu vo vnútri týchto elementov by mal byť nasledovný:
   • Najväčšie Mesto: Najväčšie Mesto: {Názov mesta} ({Populácia})
   • Najmenšie Mesto: Najmenšie Mesto: {Názov mesta} ({Populácia})
   • Celková Populácia: Celková Populácia: {Celkova populacia}