Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- krouzek:uloha:vanocni_darky [2020/12/02 16:17] – vytvořeno admin
+++ krouzek:uloha:vanocni_darky [2023/11/15 20:54] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
@@ Řádek 22: / Řádek 22: @@
 </code>
+== Spuštění funkce po stisku tlačítka ==
+V javascriptu si vytvoříme funkci, která se jmenuje //moje_funkce//.  Mezi chlupatými závorkami je kód, který se vykoná:
+<code javascript>
+function moje_funkce(){
+alert("Zmacknuto tlacitko")
+}
+</code>
+V html kódu uděláme tlačítko, můžeme mu dát atribut onclick, a v něm volání javascriptové funkce.
+<code html>
+<button onclick="moje_funkce()">Pracuj!</button>
+</code>
+== Rozhodnout něco na základě hodnoty ==
+Pokud jsme si //načtením hodnoty// (viz výše) načetli hodnotu do proměnné, můžeme na základě její hodnoty něco udělat:
+<code javascript>
+var cena_darku_pro_maminku = parseInt(document.getElementById('darek_pro_maminku').value)
+if(cena_darku_pro_maminku > 100){
+ alert("Drahý dárek!")
+}else{
+ alert("Není to tak drahé")
+}
+</code>
+(//Všimni si použití funkce parseInt pro převedení řetězce na číslo//)
+== Zapsat něco do stránky ==
+Abychom nepoužívali jenom nezvhledný příkaz //alert//, můžeme v javascriptu přímo měnit obsah html prvku:
+<code html>
+<div id="text">...</div>
+<script>
+document.getElementById('text').innerHTML = 'Hodnota z javascriptu'
+</script>
+</code>
+případně měnit prvku například barvu pozadí
+<code javascript>
+document.getElementById('text').style.color = 'green'
+</code>