Cvičení 02: jQuery UI, Drag & Drop, DOM 2026
1. Kvíz: Hádej strom podle listu (jQuery UI Toggle)
Poznáš strom podle listu? Klepnutím na tlačítko se animací jQuery UI odkryje řešení.
2. Výukový program: Třídění stromů (Drag & Drop)
Přetáhni jednotlivé stromy do správné kategorie (4 listnáče a 4 jehličnany). Pokud se spleteš, strom se vrátí zpět.
Listnáče
Jehličnany
3. Harmonika (jQuery UI Accordion s identitou)
O mně a studium na VŠPJ
Jsem student Aplikované informatiky na VŠPJ. Tento projekt vzniká v rámci předmětu Webové technologie v roce 2026.
Mazlíčci
Mám doma kocoura, plemeno - Britská modrá, je to dědula je mu 16 let.
Zájmy a simracing
Ve volném čase se věnuji simracingu. Mimo digitální svět mě baví outdoorové výpravy, feratty a lezení po skalách.
4. DOM manipulace: Výběr 2. elementu <p> (index 1)
Kliknutím na tlačítko vybere čistý JavaScript pomocí DOM 2. odstavec v pořadí a změní jeho barvu na zelenou.
1. První odstavec (index 0) - zůstává výchozí barva.
2. Druhý odstavec (index 1) - cíl pro zelenou barvu.
3. Třetí odstavec (index 2) - zůstává výchozí barva.
4. Čtvrtý odstavec (index 3) - zůstává výchozí barva.