-
Notifications
You must be signed in to change notification settings - Fork 38
Commit
- Loading branch information
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -20,7 +20,7 @@ Založme si nejdříve úplně prázdnou stránku: | |
Když tuto stránku zobrazíte v prohlížeči, uvidíte pouze prázdné bílé okno. Ideální inspirace pro naši první JavaScriptovou aplikaci. Založme si soubor `index.js` a vložme do něj následující příkaz. | ||
|
||
```js | ||
document.body.innerHTML += 'Vítejte na našem webu'; | ||
document.body.innerHTML += '<h1>Vítejte na našem webu</h1>'; | ||
This comment has been minimized.
Sorry, something went wrong.
FilipChalupa
Member
|
||
``` | ||
|
||
Co tento kód přesně dělá, se dozvíme za malou chvíli. Nejprve tento program zapojíme do naší stránky. To provedeme tak, že vložíme značku `script` s odkazem na soubor `index.js` do hlavičky stránky. | ||
|
@@ -35,10 +35,10 @@ Co tento kód přesně dělá, se dozvíme za malou chvíli. Nejprve tento progr | |
</head> | ||
``` | ||
|
||
Pokud nyní v prohlížeči obnovíte stránku, měl byste vidět text :i[Vítejte na našem webu]. Takto jsme do úplně prázdné stránky vložili obsah pomocí JavaScriptu. | ||
Pokud nyní v prohlížeči obnovíte stránku, měl byste vidět nadpis :i[Vítejte na našem webu]. Takto jsme do úplně prázdné stránky vložili obsah pomocí JavaScriptu. | ||
|
||
Proč se JavaScriptový kód vkládá do stránky tímto způsobem a co přesně znamená atribut `type="module"` si povíme později, až budete malinko zkušenější. | ||
|
||
### Středníky | ||
|
||
Než rozebereme náš první příklad, všimněte si, že končí středníkem. Takto JavaScript runtime pozná, kde končí jeden příkaz a začíná jiný. Inu, ve skutečnosti by to JavaScript poznal i bez středníků a dokonce bychom je na většině míst ani psát nemuseli. Psaní nebo nepsaní středníků je ve skutešnosti značně kulturní záležitost. Každý na to má svůj názor, jednou je trendy to, jindy zase ono. My na tomto kurzu budeme středníky používat svědomitě a vám do začátku doporučujeme totéž. Později se jistě sami rozhodnete pro styl, který se vám osobně líbí nejvíce. | ||
Než rozebereme náš první příklad, všimněte si, že končí středníkem. Takto JavaScript runtime pozná, kde končí jeden příkaz a začíná jiný. Inu, ve skutečnosti by to JavaScript poznal i bez středníků a dokonce bychom je na většině míst ani psát nemuseli. Psaní nebo nepsaní středníků je značně kulturní záležitost, každý na to má svůj názor. Jednou je trendy to, jindy zase ono. My na tomto kurzu budeme středníky používat svědomitě a vám do začátku doporučujeme totéž. Později se jistě sami rozhodnete pro styl, který se vám osobně líbí nejvíce. |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -34,5 +34,5 @@ Všiměte si, že řetězec obsahuje i všechny mezery a odsazení. | |
Pokud chceme obsah stránky změnit, můžeme prostě změnit obsah této proměnné a prohlížeč se už sám postará o překreslení stránky. Například můžete k řetězci v :var[document.body.innerHTML] přičíst další řetězec, klidně i třeba s kouskem HTML. | ||
|
||
```jscon | ||
> document.body.innerHTML = '<h1>Nový obsah</h1>'; | ||
> document.body.innerHTML += '<p>Nový obsah</p>'; | ||
This comment has been minimized.
Sorry, something went wrong.
FilipChalupa
Member
|
||
``` |
👍