Základná konštrukcia

Získaj certifikát za dokončenie kurzu
0/43

Úvod do JavaScriptu

VS Code a prvý skript

Premenné v JavaScripte

Kvíz - Úvod, konzoly a premenné v JavaScripte

Textové reťazce v JavaScripte

Kvíz - Textové reťazce v JavaScripte

Podmienky v JavaScripte

Podmienky po druhé - Konštrukcia switch v JavaScripte

Riešené úlohy k 5.-6. lekcii JavaScriptu

Cyklus for v JavaScripte

Cyklus while v JavaScripte

Riešené úlohy k 7.-8. lekcii JavaScriptu

Polia v JavaScripte

Polia v JavaScripte po druhé - Radenie prvkov a 2D polia

Riešené úlohy k 9.-10. lekcii JavaScriptu

Kvíz - Podmienky, cykly a polia v JavaScripte

Najčastejšie chyby JS nováčikov - Vieš pomenovať premenné?

Textové reťazce v JavaScripte po druhé - Práca so znakmi

Textové reťazce v JavaScripte do tretice - Split a join

Funkcie v JavaScripte

Riešené úlohy k 12.-14. lekcii JavaScriptu

Základy práce s DOM a udalosti v JavaScripte

Spracovanie udalostí DOM pomocou poslucháčov v JavaScripte

Manipulácia s DOM v JavaScripte

Tvorba elementov a hierarchie DOM v JavaScripte

Editor tabuliek v JavaScripte

Dokončenie editora tabuliek v JavaScripte

Striktné operátory a pretypovanie v JavaScripte

Podmienky v JavaScripte po tretie

Cykly v JavaScripte po tretie

Riešené úlohy k 15.-23. lekcii JavaScriptu

Kvíz - Pokročilé podmienky a cykly v JavaScripte

Práca s číslami a knižnica Math v JavaScripte

Obrázky a kreslenie na canvas v JavaScripte

Štýlovanie obrázkov a vloženie textu na plátno v JavaScripte

2D kontext plátna v JavaScripte

Riešené úlohy k 24.-27. lekcii JavaScriptu

Časovače a animácie v JavaScripte

Riešené úlohy k 28. lekcii JavaScriptu

Metóda requestAnimationFrame() pre lepšie vykresľovanie v JS

Najčastejšie chyby JS začiatočníkov, robíš ich tiež?

Verzovací nástroj Git a Visual Studio Code

Učebná pomôcka na Základy JavaScriptu - Ťahák

Kvíz - Základná konštrukcia JavaScript

Diskusia – 15. diel - Základy práce s DOM a udalosti v JavaScripte

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

Jurajs

Člen

Jurajs:30.12.2020 9:52

Co na onclick v JS nechápeš ? Je to normální event
Máš nějaké ID ...
viz.kód

let x = document.getElementById("mojeID");
x.onclick = myFunc;

function myFunc(){
   //tvůj kód
}

Toť vše...jednoduché jak facka

Odpovedať

30.12.2020 9:52

Martin Přikryl

Člen

Martin Přikryl:30.12.2020 11:51

Díky za odpověď. Myslím, že nejsem jediný, kdo v tom nemá úplně jasno. V dřívějším komentáři se někdo pokoušel např.

sum.onclick = after_Button(1, num1, num2);

Už ale chápu, že musí přiřadit funkce nevyžadující parametr - a to opravdu funkce a ne její volání, tedy bez závorek.
A jako další omezení se zdá, že funkce předaná do onclick nesmí být metoda. Tedy přesněji metoda, která používá "this". Nějak je to tu zmíněno v části o OOP.
Např. toto funguje, ale pokud se uvnitř metody unlock() používá this, nebude definované:

image.onclick = this.unlock;

V takovém případě je třeba použít např.:

image.onclick = () => this.unlock();

Zkrátka řekl bych, že už jsem na to došel, ale bylo by lepší, kdyby to tu bylo hned zřejmě vysvětleno a nemusel bych na to docházet.
Takto by nejspíš šly vyřešit i ty parametry:

sum.onclick = () => after_Button(1, num1, num2);

Odpovedať

30.12.2020 11:51

Martin Přikryl

Člen

Martin Přikryl:31.12.2020 14:42

Tak je to dokonce ještě složitější, funkce předávaná v onclick dostává jeden parametr, a to instanci MouseEvent. Proto tvrdím, že tu není onclick dostatečně vzsvětlený. Viz. https://developer.mozilla.org/…lers/onclick

Odpovedať

31.12.2020 14:42

Jakub Janáček

Člen

Jakub Janáček:23.2.2021 14:37

Opět skvělý článek, moc Děkuji !!!

Odpovedať

-1

23.2.2021 14:37

Jana Levorová

Člen

Jana Levorová:25.4.2021 21:45

Tak přesně od téhle kapitoly to nechápu. Dokud to psal David Čápka, tak mi bylo všechno jasné. Pak to někomu předal a nechápu nic

Odpovedať

25.4.2021 21:45

Alesh

Tvůrce

Alesh:25.4.2021 21:54

Javascript jsem nikdy moc nestudoval, mám to ale v plánu. ;-) Každopádně tohle mi nedalo a lekci jsem letmo pročetl a nepřijde mi, že by to bylo nějaké nesrozumitelné. Co konkrétně ti není jasné? Já myslím, že jsem z toho pochopil všechno, tak bych to snad dokázal laicky "přebásnit", aby z "nechápu nic" vzniklo "dyť je to jasný"! :-)

Odpovedať

25.4.2021 21:54

Jana Levorová

Člen

Jana Levorová:26.4.2021 6:55

Tak tuhle lekci jeste chapu. Od pristi uz je to na prd. Zadny jednoduchy priklad, jen popis co ktery prikaz dela. Pak je to vysvetleno v dalsi kapitole na zbytecne slozitem prikladu s editorem tabulek.

Odpovedať

26.4.2021 6:55

Tomas Matusek

Člen

Tomas Matusek:11.8.2021 15:33

Pěkný den,už někdo absolvoval kompletní kurz objektově orientované programování v JavaScriptu? ?

Otazka vyzni mozna hloupe, ale jak moc jste byli uspesni, pri hledani prace a se zkusenostmi z onoho kurzu, mohlo vam to a jak moc?
Děkuji.

Odpovedať

11.8.2021 15:33

Darklifer

Člen

Darklifer:30.3.2022 12:03

OOP v JS je ve většině případů kravina, vlastně ona je to kravina všude. Spíš bych se zaměřil na pořádnou znalost JS jako takového, skvělou knihu napsal třeba Ondra Žára, to můžu doporučit.

Odpovedať

30.3.2022 12:03

Jurajs

Člen

Jurajs:1.4.2022 15:35

Jak jako kravina? Vseobecne u vsech jazyku je potreba OOP, bez toho se ve velkych firmach neobejdes. A neni to jine i u JS.

Odpovedať

1.4.2022 15:35

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 61.

Najčastejšie vyhľadávané

Diskusia – 15. diel - Základy práce s DOM a udalosti v JavaScripte