krouzek:podminky_a_logika [Kroužek Javascriptu]

Tato stránka je pouze pro čtení. Můžete si pouze prohlédnout zdrojový kód, ale ne ho měnit. Zeptejte se správce, pokud si myslíte, že něco není v pořádku.
=== Hledání výchozího stavu (opakování) ===
Najděte [[https://adasek.cz/js/doku.php?id=krouzek:vstup_a_podminky|svůj kód z minula]] a upravte jej, aby stránka obsahovala:

  * HTML:
    * Vstupní políčko (''%%<input>%%''), s id (např. ''%%id="vstup"%%'') - tak aby k němu šlo přistoupit v javascriptu pomocí ''%%document.getElementById('vstup')%%''
    * Tlačítko (''%%<button>%%'') které po kliknutí spustí nějakou funkci javascriptu (např ''%%onclick="spocitej()"%%'' 
    * Výstupní odstavec (''%%<p>%%'') s id, aby k aby k němu šlo přistoupit v javascriptu
  * Javascript:
    * funkci javascriptu spouštěnou tlačítkem, která:
      * Načte hodnotu (''%%.value%%'') ze vstupního políčka, zkonvertuje na číslo (''%%parseFloat()%%'') a uloží ji do proměnné (''%%const vstup = %%'')
      * Přičte k načtené proměnné ''%%1%%'' a uloží do další proměnné ''%%vysledek%%''
      * Vypíše ''%%vysledek%%'' do výstupního odstavce

=== Výchozí stav ===
Pokud to nestihneš, [[krouzek:podminky_a_logika_vychozi|zde je HTML odpovídající zadání]]

=== Pravdivostní výrazy (boolean) ===
Výraz či proměnná v javascriptu může mít různý typ. Ukazovali jsme si čísla (''%%5%%'') a řetězce (''%%"ahoj"%%''). Teď k nim přibude ještě pravdivostní výraz - nabývá pouze hodnoty ''%%true%%'', nebo ''%%false%%''. Příklady:
  * výsledek hodu mincí (minci ztracenou či zachycenou na hraně neuvažujeme)
  * výsledek porovnání dvou čísel:
    * ''%%5 < 3%%''
    * ''%%mujVek == 16%%''
    * ''%%cena > 799%%''
    * ''%%pocetJablek <= pocetHrusek%%''
  * výsledek porovnání řetězců
    * ''%%jmeno == "Adam"%%''
  * Výsledek nějaké funkce, rozhodnutelné tvrzení
    * ''%%prohlizecJeMobil()%%''
    * ''%%vstup.includes("slovo")%%''
  * Spojování pravdivostních výrazů operátory
    * && - konjunkce, logické AND
      * ''%%jeVPuberte = vek >= 12 && vek <= 18%%''
    * || - disjunkce, logické OR
      * ''%%jmeno == "Adam" || jmeno == "Eva"%%''
    * ! - negace (unární) - logické NOT
      * ''%%!prohlizecJeMobil()%%''
      * ''%%!jmeno == "Adam"%%'' - to samé jako ''%%jmeno != "Adam"%%''

===== Podmínky - větvení kódu =====

=== Základní ===
<code javascript>
if(podminka){
 //neco se stane pouze pokud podminka byla splnena
 console.log("Hura")
}
// kod dal pokracuje tady
console.log("Hm...")
</code>

=== if - else ===
<code javascript>
if(oblibenaBarva == "zelená"){
 console.log("Hurá, stejně jako já.")
} else {
 console.log("S tebou se nekamarádím.")
}
// kod dal pokracuje tady
console.log("atd")
</code>

=== if - else if - else ===
<code javascript>

if (delkaSkoku < 350){
 document.getElementById('vystup').innerHTML = "Dostal jsi za 4"
}else if (delkaSkoku < 380){
 document.getElementById('vystup').innerHTML = "Dostal jsi za 3"
}else if (delkaSkoku < 400){
 document.getElementById('vystup').innerHTML = "Dostal jsi za 2"
} else {
 document.getElementById('vystup').innerHTML = "Dostal jsi za 1"
}
</code>

==== Úkoly ====
  - Vstup je teplota ve stupních Celsia. Vypište odpovídající větu - např 'Je zima', 'Je vedro', 'Normálka'
  - Vstup je text. Vypište jej do odstavce, a změňte odstavci velikost textu (''%%.style.fontSize = '120%'%%'' podle délky textu. Krátká prohlášení budou větším textem, čím víc napíše uživatel textu tím menší bude font.
  - Vstup je text / jméno. Zobrazte tajnou větu pouze někomu kdo se jmenuje jako vy. Případně přidejte i jméno spolehlivého kamaráda.