Hlavný jazyk príkladu: JS
Ostatné použité jazyky: HTML
Obťažnosť: 4/5
Obsah príkladu: Výpis dát do HTML tabuľky, JSON dáta a ich spracovanie, zoraďovanie kolekcií dát, JavaScript objekty, manipulácia s kolekciou DOM elementov, dynamické vytváranie elementov a vkladanie nových elementov.
Vytvorte skript, ktorý dokáže zobraziť kolekciu dát v HTML tabuľke. Zadanie musí spĺňať nasledujúce podmienky:
- Ako vstup predpokladajte pole dátových objektov. Objekty si môžete vygenerovať napr. pomocou
JSON generátora. Prípadne ako zdroj dát použite štruktúru definovanú v skripte
users-data.jsaproducts-data.js. - Implementujte zoraďovanie podľa každého stĺpca vzostupe a zostupne.
- V záhlaví tabuľky zobrazte názvy atribútov objektov v kolekcii.
- Filtrujte riadky na základe danej hodnoty. Zobrazte iba tie riadky, kde v ľubovoľnom stĺpci nájdete zhodu s hľadaným výrazom.
- Skript navrhnite tak, aby sa dal na jednej stránke použiť opakovane, teda mohli sa zobraziť viaceré nezávislé tabuľky.
Aplikáciu vytvorte pomocou JavaScriptu.