From bf0a911cc97979605f5bc7812fddb38ee140348a Mon Sep 17 00:00:00 2001 From: Filip Chalupa Date: Wed, 20 Sep 2023 19:03:40 +0200 Subject: [PATCH] =?UTF-8?q?Hod=20minc=C3=AD:=20up=C5=99esn=C4=9Bn=C3=AD=20?= =?UTF-8?q?zad=C3=A1n=C3=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../cvlekce/hod-minci/exercise.md | 20 ++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/js1/dom-innerhtml/cvlekce/hod-minci/exercise.md b/js1/dom-innerhtml/cvlekce/hod-minci/exercise.md index 4a5597a7..6904b09c 100644 --- a/js1/dom-innerhtml/cvlekce/hod-minci/exercise.md +++ b/js1/dom-innerhtml/cvlekce/hod-minci/exercise.md @@ -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}