# Lekce 9 - JavaScript prakticky # Obsah * Pole, Objekty a Cykly * Formuláře * Vytváření elementů * Ajax (fetch) * Periodické chování # Data - opakování, rozšíření * Array - vytvořit, přidat, adresovat * Object - vytvořit, přidat, adresovat * Pole objektů - .... # Data - podmínky, cykly * for * if, [].filter * [].forEach # Formuláře - HTML * input * text * checkbox * color * date * email * password * ... * label * button # Reakce na formuláře * Průběh (validate) * Odeslání # Přidáváme data do HTML * Formulář - hidden field * Element data # JSON * parse / stringify * Hidden fields * Element data # Elementy - vytváření * `document.createElement('div')` * `element.setAttribute('href', 'https://')` # Vytváříme nové elementy * Na základě nějakých dat či akcí * Přidáme řádek na základě input + tlačítko # Zdroje nových dat * fetch * 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