Skip to content

Commit

Permalink
Opravy po CR
Browse files Browse the repository at this point in the history
  • Loading branch information
podlomar committed Sep 12, 2023
1 parent 9e6a94d commit 25c22fe
Show file tree
Hide file tree
Showing 4 changed files with 7 additions and 6 deletions.
2 changes: 1 addition & 1 deletion js1/uvod-do-js/cvlekce/email.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Sestavte e-mailovou adresu tak, že sečtete dohromady vaše křestní jméno, z
:::solution

```js
'Tomáš' + '.' + 'Marný' + '@mujmail.com';
'Franta' + '.' + 'Dobrota' + '@mujmail.com';

This comment has been minimized.

Copy link
@FilipChalupa

FilipChalupa Sep 12, 2023

Member

👍

```

:::
3 changes: 2 additions & 1 deletion js1/uvod-do-js/cvlekce/ultramaraton.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ Představte si, že jste pořadatelé ultramaratonského závodu. Závod začín

1. Založte si JavaScriptový program a uložte čas startu závodu do proměnné `start`.
1. Do proměnné `delka` uložte délku závodu pro nějakého běžce. Klidně může být pomalejší než náš šampion.
1. Do proměnné `konec` spočítejte, v kolik hodin závod pro našeho běžce skončí a vypište její obsah do stránky. Vyzkoušejte různé délky a ověřte, že váš postup funguje.
1. Do proměnné `konec` spočítejte, v kolik hodin závod pro našeho běžce skončí a vypište její obsah do stránky.
1. Vyzkoušejte různé délky a ověřte, že váš postup funguje.

:::solution

Expand Down
6 changes: 3 additions & 3 deletions js1/uvod-do-js/prvni-program.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Copy link
@FilipChalupa

FilipChalupa Sep 12, 2023

Member

Tady jsme se asi nepochopili. Já jsem myslel jako že mi dává smysl mít tu h1 už v html souboru, jak to bylo původně. Je to takové odolnější, jako že když člověk nějak pokazí JavaScript, tak aspoň nezůstane na bílé stránce, ale není to až tak zásadní, tak to asi neřeš, když už jsi to smazal.

Každopádně naopak dává mi smysl Ondrova myšlenka, ať v JS ten markup moc nekomplikujeme. Tady v tom index.js podle mě h1 není vůbec potřeba a jen to zbytečně komplikuje.

h1 v html ano prosím
h1 v js spíš ne

Nebo to vidíš jinak?

This comment has been minimized.

Copy link
@podlomar

podlomar Sep 12, 2023

Author Collaborator

Aha, už chápu

```

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.
Expand All @@ -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.
2 changes: 1 addition & 1 deletion js1/uvod-do-js/vypis-do-stranky.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Copy link
@FilipChalupa

FilipChalupa Sep 12, 2023

Member

Pořád mi není nějak jasné, proč tady zůstala konzole, jestli se jí chceme vyhýbat. 🤷‍♀️

This comment has been minimized.

Copy link
@podlomar

podlomar Sep 12, 2023

Author Collaborator

Aha, přehlédl jsem to

```

0 comments on commit 25c22fe

Please sign in to comment.