JS - selektory

Zhrnutie prednášky

Video ukazuje, ako v JavaScripte vyberať konkrétne prvky z DOM pomocou metód document.getElementById a getElementsByClassName. Id musí byť unikátne a vráti jeden element, zatiaľ čo trieda môže byť na viacerých prvkoch a vráti HTML kolekciu. Na príklade jednoduchej kalkulačky sa zo vstupov číta a nastavuje vlastnosť value, tlačidlu sa cez id priradí event listener na klik s funkciou handleClick. Hodnoty z inputov sú typu string, takže plus by ich len zreťazilo; treba ich pretypovať cez Number. Výsledok sa zapisuje do elementu cez innerText s použitím template literálov. Na konci sa pridáva násobenie a kontrola, či používateľ zadal číslo, pretože písmená vrátia NaN.

• - Selekcia znamená vybrať z DOM len konkrétne prvky, napríklad getElementById, getElementsByClassName alebo getElementsByTagName.
• - Id je unikátne a vráti jeden element; trieda môže byť na viacerých prvkoch, preto metóda vracia HTML kolekciu.
• - Vlastnosť value umožňuje hodnotu inputu čítať aj meniť.
• - Na tlačidlo nájdené podľa id sa pridáva addEventListener na klik s funkciou, napríklad handleClick.
• - Hodnoty z inputov sú typu string, takže plus ich zreťazí; treba ich pretypovať pomocou Number.
• - Výsledok sa vypíše do elementu cez innerText a template literály s ${}.
• - Pri nečíselnom vstupe vznikne NaN, preto sa má pred výpočtom overiť, že ide o číslo.

Zhrnutie pripravené s pomocou AI z prepisu videa.