# Lekce 9 - JavaScript prakticky # Příklad řešení DÚ # Formuláře - HTML * input * text * checkbox * color * date * email * password * ... * label * button # Reakce na formuláře * Průběh (validate) * Odeslání * `.serializeArray()` # Data - opakování, rozšíření * Array - vytvořit, přidat, adresovat * Object - vytvořit, přidat, adresovat * Pole objektů - .... # Data - podmínky, cykly * if, filter * .each - jQuery object, vlastní pole # Přidáváme data do HTML * Formulář - hidden field * Element data # JSON * parse / stringify * Hidden fields * Element data # Vytváříme nové elementy * Na základě nějakých dat či akcí * Přidáme řádek na základě input + tlačítko * Rozbití událostí # Zdroje nových dat * AJAX + JSON * Nový HTTP request * Testovací data: [https://jsonplaceholder.typicode.com/posts](https://jsonplaceholder.typicode.com/posts) # Dáme dohromady * Request + nové elementy * Tlačítko na odstranění elementu # Periodické chování * setTimeout * clearTimeout * setInterval * clearInterval # ...