Najděte 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

Pokud to nestihneš, zde je HTML odpovídající zadání

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"

if(podminka){
 //neco se stane pouze pokud podminka byla splnena
 console.log("Hura")
}
// kod dal pokracuje tady
console.log("Hm...")

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")

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"
}

1. Vstup je teplota ve stupních Celsia. Vypište odpovídající větu - např 'Je zima', 'Je vedro', 'Normálka'
2. 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.
3. 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.