JavaScript – sada příkladů 2

Příklad 2.1

Toto je běžný text dokumentu.<BR>
<SCRIPT>
  document.write("Tohle vytiskl <B>JavaScript</B>.<BR>");
</SCRIPT>
A běžný text dokumentu pokračuje dále.

Příklad 2.2

<SCRIPT>
  document.write("A");
  document.write("B");
  document.write("C");
  document.writeln("D");
  document.writeln("E");
  document.writeln("F");
  document.write("G");
  document.write("H");
  document.write("I");
</SCRIPT>

Příklad 2.3

123 * 456 =
<SCRIPT>
  document.write(123*456);
</SCRIPT>

Příklad 2.4

<SCRIPT>
  var soucin=123*456;
  document.write("123 * 456 = "+soucin);
</SCRIPT>

Příklad 2.5

Zkoušíme odčítat:<BR>
<SCRIPT>
  var a=7;
  var b=5;
  var c=a-b;
  document.write(a+" - "+b+" = "+c);
</SCRIPT>

Příklad 2.6

<SCRIPT>
  var jmeno=prompt("Jak Vás máme oslovovat?");
  document.write("<H1>Dobrý den, "+jmeno+"!</H1>");
</SCRIPT>
Vítejte na na našich stránkách. Jsme rádi, milý
<SCRIPT>document.write(jmeno);</SCRIPT>, že jste si našel
chvilku času.

Příklad 2.7

<B>Součet dvou celých čísel</B><BR>
<SCRIPT>
  var a=parseInt(prompt("Zadejte první číslo",0));
  var b=parseInt(prompt("Zadejte druhé číslo",0));
  var c=a+b;
  alert("Součet čísel "+a+" a "+b+" je "+c+".");
</SCRIPT>

Příklad 2.8

<SCRIPT>
  var a="KU";
  a=a+"L";
  var b="F";
  a=b+"A"+a;
  b=a;
  a="TA";
  document.write(b+a);
</SCRIPT>

Příklad 2.9

<SCRIPT>
  var c=5;
  var x="IN";
  if (c>5)
    x+="PUT";              // x=x+"PUT"
  else
    x+="TER";              // x=x+"TER"
  c++;                     // c=c+1
  if (c==5)
    x="TOP";
  x+="NET";                //x=x+"NET"
  document.write(x);
</SCRIPT>

Příklad 2.10

<SCRIPT>
  var a=5;
  var b=4;
  b++;                     // b=b+1
  var c="ER"
  if (a==b) {
    document.write("PRINT"+c+"<BR>");
    b++;                   // b=b+1
  }
  else {
    a++;                   // a=a+1
    b--;                   // b=b-1
  }
  document.write("<I>a</I> = "+a+ ", <I>b</I> = ",b);
</SCRIPT>

Příklad 2.11

<SCRIPT>
  var a=2;
  var b="3";
  a+=1;                                // a=a+1, tedy číslo 3
  b+="4";                              // b=b+"4", tedy textový řetězec 34
  alert("Proměnná a má hodnotu "+a+",\nproměnná b má hodnotu "+b+".");
</SCRIPT>

Příklad 2.12

<H1>Vítejte na našich stránkách!</H1>
<SCRIPT>
  alert("UPOZORNĚNÍ!\nTyto stránky Vám mohou způsobit šok!");
  if (confirm("Přejete si pokračovat?")) {
    document.write("<FONT color='red' size='5'>ŠOKUJÍCÍ!</FONT></BR>");
    document.write("<HR>");
    document.write("Číslo &pi; má hodnotu "+Math.PI+".");
  }
  else {
    alert("Na shledanou.");
    history.go(-1);              // návrat na předchozí stránku
  }
</SCRIPT>

Příklad 2.13

<H1>Vítejte na našich stránkách!</H1>
<SCRIPT>
  alert("UPOZORNĚNÍ!\nVstup povolen pouze osobám starším 18 let!");
  if (confirm("Přejete si pokračovat?")) {
    var vek=parseInt(prompt("Zadejte svůj věk",15));
    if (vek<18) {
      alert("Bohužel, jste příliš mladý.\nNa shledanou.")
      document.write("Snad někdy příště...");
    }
    else {
      alert("Vypadáte mladší než na "+vek+" let.");
      var heslo=prompt("Zadejte vstupní heslo","");
      if (heslo=="kakadu") {                             // heslo v pořádku?
        document.write("<FONT color='red' size='5'>CENZUROVÁNO</FONT></BR>");
        document.write("<HR>");
        document.write("Zavolej mi na číslo 0609/......");
      }
      else {
        alert("Zadáno špatné heslo!")
        document.write("Jste neoprávněný uživatel!");
      }
    }
  }
  else {                                    // uživatel si nepřál pokračovat
    alert("Na shledanou.");
    document.write("Snad někdy příště...");
  }
</SCRIPT>

1. Označte myší zdrojový text libovolné ukázky.
2. Vybraný text zkopírujte do clipboardu.
3. Klikněte myší do textového pole uvedeného níže a text sem z clipboardu vložte.
4. Zdrojový text můžete libovolně upravit.
5. Poté klikněte na tlačítko Ukázat. V okně náhledu se vám zobrazí dokument, jehož zdrojový text byl zapsán v textovém poli.
6. Pokud je třeba, aby se dokument otevřel v novém okně, stačí kliknout na tlačítko Ukázat v novém okně.
7. Tlačítkem Vybrat vše se označí veškerý text zapsaný v textovém poli.
8. Tlačítkem Smazat můžete obsah celého textového pole vymazat.

Náhled: