spse:pm3:javascript-uvod

Rozdíly

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

Odkaz na výstup diff

Obě strany předchozí revize Předchozí verze
Následující verze		 Předchozí verze
spse:pm3:javascript-uvod [2021/01/05 21:33] – jendaspse:pm3:javascript-uvod [2024/07/07 16:48] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
Řádek 40: Řádek 40:
 retezec = "Hello, world"; retezec = "Hello, world";
 var a = 12; var b = 15; var a = 12; var b = 15;
-return; 
  
 //používáme středníky //používáme středníky
Řádek 52: Řádek 51:
 </code> </code>
 <---- <----
-===== Úkol =====+ 
 +===== Vkládání skriptu do stránky ===== 
 +  * Skript se píše mezi značky <script> a </script>. Ty můžete vložit do sekce body nebo do sekce head (záleží na účelu skriptu). 
 +<fragment-block> 
 +<code html> 
 +<html> 
 +<head> 
 +... 
 +<script type="text/javascript"> 
 +.. javascript tělo skriptu .. 
 +</script> 
 +... 
 +</head> 
 +<body> 
 +..tělo dokumentu.. 
 +<script type="text/javascript"> 
 +.. javascript tělo skriptu.. 
 +</script> 
 +..tělo dokumentu.. 
 +</body> 
 +</html> 
 +</code> 
 +</fragment-block> 
 +==== Úkol ====
   * ''document.open();'' - otevírá dokument   * ''document.open();'' - otevírá dokument
   * ''document.write();'' - zapisuje do dokumentu   * ''document.write();'' - zapisuje do dokumentu
-  * ''alert();'' - vypisuje do výstražného okna+  * ''window.alert();'' - vypisuje do výstražného okna
  
  
Řádek 78: Řádek 100:
 ==== Čísla ==== ==== Čísla ====
   * matematické operace s čísly pomocí objektu Math   * matematické operace s čísly pomocí objektu Math
 +<fragment-block>
 <code javascript> <code javascript>
 // javascript Document // javascript Document
Řádek 87: Řádek 109:
 var y = (0x1A).toString(10); // zápis do decimální soustavy z hexadecimální - výsledek 26 var y = (0x1A).toString(10); // zápis do decimální soustavy z hexadecimální - výsledek 26
 </code> </code>
 +</fragment-block>
  
 === Čísla - speciální hodnoty === === Čísla - speciální hodnoty ===
Řádek 95: Řádek 118:
   * datový typ reprezentovaný znaky UNICODE   * datový typ reprezentovaný znaky UNICODE
   * text uzavřený do uvozovek nebo apostrofů   * text uzavřený do uvozovek nebo apostrofů
 +<fragment-block>
 <code javascript> <code javascript>
- 
 var text = "Hello world"; var text = "Hello world";
 var datum = '1.1.2020'; var datum = '1.1.2020';
- 
 </code> </code>
 +</fragment-block>
 ==== Escape sekvence ==== ==== Escape sekvence ====
  
 <code> <code>
-sekvence     význam +sekvence  význam 
-\n    nový řádek +\n        nový řádek 
-\t    řádkový tabulátor +\t        řádkový tabulátor 
-\v    svislý tabulátor +\v        svislý tabulátor 
-\r    návrat kurzoru (HOME) +\r        návrat kurzoru (HOME) 
-\'    znak apostrof +\'        znak apostrof 
-\"    znak uvozovky +\"        znak uvozovky 
-\\    zpětné lomítko +\\        zpětné lomítko 
-\b    zpětná mezera (BACK)+\b        backspace (BACK)
  
 </code> </code>
Řádek 163: Řádek 184:
     * všechny prvky na html stránce jsou podřízené objektu Window     * všechny prvky na html stránce jsou podřízené objektu Window
     * potomky tohoto objektu (třídy) jsou Document, Frame, Field, Link, Img, Anchor, ...     * potomky tohoto objektu (třídy) jsou Document, Frame, Field, Link, Img, Anchor, ...
-<fragment-block>+ 
 + 
 +---->
 <code javascript> <code javascript>
 var person = { var person = {
Řádek 174: Řádek 197:
 //person["lastName"]; //person["lastName"];
 </code> </code>
-</fragment-block>+<----
  
 ==== Funkce ==== ==== Funkce ====
   * JavaScript obsahuje řadu přednastavených funkcí (resp. metod), pro práci s čísly (např. metody objektu Math)   * JavaScript obsahuje řadu přednastavených funkcí (resp. metod), pro práci s čísly (např. metody objektu Math)
   * uživatel může definovat řadu funkcí nebo metod – tj. funkcí vázaných k určitým objektům   * uživatel může definovat řadu funkcí nebo metod – tj. funkcí vázaných k určitým objektům
 +<fragment-block>
 <code javascript> <code javascript>
 function myFunction(p1, p2) { function myFunction(p1, p2) {
Řádek 184: Řádek 208:
 } }
 </code> </code>
 +</fragment-block> 
 +<fragment-block>
 <code javascript> <code javascript>
 var x = myFunction(4, 3);   // Funkce je zavolána, návratová hodnota se uloží do proměnné **x** var x = myFunction(4, 3);   // Funkce je zavolána, návratová hodnota se uloží do proměnné **x**
Řádek 192: Řádek 217:
 } }
 </code> </code>
 +</fragment-block>
 ==== Úkol ==== ==== Úkol ====
  
-<WRAP center round tip 60%> +<WRAP center round tip 80%> 
-**Úkol** +  * **Úkol** 
-  * definujte různé proměnné +    * definujte různé proměnné 
-  * proveďte matematické operace s čísly a řetězci a vypište je na obrazovku+    * proveďte matematické operace s čísly a řetězci a vypište je na obrazovku
 </WRAP> </WRAP>
  
Řádek 204: Řádek 229:
 ==== If, Else ==== ==== If, Else ====
   * stejné jako v c/c++   * stejné jako v c/c++
 +<fragment-block>
 <code javascript> <code javascript>
 if (hour < 18) { if (hour < 18) {
Řádek 212: Řádek 237:
 } }
 </code> </code>
 +</fragment-block>
 +
  
 ==== Úkol ==== ==== Úkol ====
 <WRAP center round tip 90%> <WRAP center round tip 90%>
-**Úkol** +  * **Úkol** 
-  * vytvořte skript který bude využívat větvení pomocí podmínky if elseif a else +    * vytvořte skript který bude využívat větvení pomocí podmínky if elseif a else 
-  * použijte porovnání číselných hodnot pomocí operátorů ''<,>,<=,=>'' +    * použijte porovnání číselných hodnot pomocí operátorů ''<,>,<=,=>'' 
-  * otestujte výraz typu boolean+    * otestujte výraz typu boolean
 </WRAP> </WRAP>
  
 ==== Cyklus for ==== ==== Cyklus for ====
   * stejný jako v C/C++   * stejný jako v C/C++
 +<fragment-block>
 <code javascript> <code javascript>
 for (i = 0; i < 5; i++) { for (i = 0; i < 5; i++) {
Řádek 229: Řádek 256:
 } }
 </code> </code>
 +</fragment-block> 
 +<fragment-block>
 <code javascript> <code javascript>
 var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"]; var cars = ["BMW", "Volvo", "Saab", "Ford", "Fiat", "Audi"];
Řádek 238: Řádek 266:
 } }
 </code> </code>
 +</fragment-block>
  
 ==== Úkol ==== ==== Úkol ====
 <WRAP center round tip 90%> <WRAP center round tip 90%>
-**Úkol** +  * **Úkol** 
-  * vytvořte pomocí for cyklu následující (nadpisy od H1 do H6):+    * vytvořte pomocí for cyklu následující (nadpisy od H1 do H6): 
 +<fragment-block>
 {{:spse:pm3:pasted:20210105-211740.png}} {{:spse:pm3:pasted:20210105-211740.png}}
 +</fragment-block>
 </WRAP> </WRAP>
  
  • spse/pm3/javascript-uvod.1609882387.txt.gz
  • Poslední úprava: 2024/07/07 16:48
  • (upraveno mimo DokuWiki)