Skip to content

Commit

Permalink
Napoužívat pro aplikace úplně prázdnou stránku
Browse files Browse the repository at this point in the history
  • Loading branch information
podlomar committed Sep 12, 2023
1 parent 897133c commit 4d433fb
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 5 deletions.
8 changes: 5 additions & 3 deletions js1/uvod-do-js/prvni-program.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,16 @@ Založme si nejdříve úplně prázdnou stránku:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>První program</title>
</head>
<body></body>
<body>
<h1>První program</h1>
</body>
</html>
```

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.
Když tuto stránku zobrazíte v prohlížeči, uvidíte pouze prázdnou stránku s nadpisem. 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 += '<h1>Vítejte na našem webu</h1>';
document.body.innerHTML += 'Vítejte na našem webu';
```

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 Down
4 changes: 2 additions & 2 deletions js1/uvod-do-js/vypis-do-stranky.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,6 @@ 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 += '<p>Nový obsah</p>';
```js
document.body.innerHTML += '<p>Nový obsah</p>';
```

0 comments on commit 4d433fb

Please sign in to comment.