Skip to content

Commit

Permalink
Hod mincí: upřesnění zadání
Browse files Browse the repository at this point in the history
  • Loading branch information
FilipChalupa committed Sep 20, 2023
1 parent 23bc344 commit bf0a911
Showing 1 changed file with 17 additions and 3 deletions.
20 changes: 17 additions & 3 deletions js1/dom-innerhtml/cvlekce/hod-minci/exercise.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,24 @@ solutionAccess: lock

Vytvořte si repozitář ze šablony [cviceni-hod-minci](https://github.com/Czechitas-podklady-WEB/cviceni-hod-minci). Repozitář obsahuje stránku s nedokončenou simulací hodu mince. Vaším úkolem bude mincí „hodit“.

1. V souboru `index.js` si do proměnné `padlOrel` uložte hodnotu `true` nebo `false` na základě náhodné hodnoty z `Math.random()`.
1. Pomocí `document.querySelector` vyberte ze stránky prvek `.vysledek` a nahraďte jeho obsah textem `Padl orel` nebo `Padla panna` na základě hodnoty v proměnné `padlOrel`.
1. V souboru `index.js` si do proměnné `padlOrel` uložte hodnotu `true` nebo `false` na základě náhodné hodnoty z funkce `Math.random()`. Pravděpodobnost 50:50 zajistíte porovnáním výsledku funkce s hodnotou `0.5`.

```js
const padlOrel = Math.random() < 0.5;
```

1. Pomocí `document.querySelector` vyberte ze stránky prvek `.vysledek` a nahraďte jeho obsah textem `Padl orel` nebo `Padla panna` na základě náhodné hodnoty z předchozího kroku.

```js
if (padlOrel) {
// Nahraďte text pro orla
} else {
// Nahraďte text pro pannu
}
```

1. Vyzkoušejte stránku několikrát načíst a koukněte, jestli se text mění.
1. Kromě změny textu ještě přidejte prvku `.mince` druhou třídu `.mince--orel` nebo `.mince--panna` opět podle hodnoty v proměnné `padlOrel`.
1. Kromě změny textu ještě přidejte prvku `.mince` druhou třídu `mince--orel` nebo `mince--panna` opět podle hodnoty v proměnné `padlOrel`.
1. Znovu několikrát vyzkoušejte, že obrázek mince odpovídá textu pod ním.

::fig[ukázka výsledku]{src=assets/hod.gif}
Expand Down

0 comments on commit bf0a911

Please sign in to comment.