Příklad 1

Součet dvou celých čísel 
<script>
  function Soucet1() {
    var a=parseInt(document.formular1.cislo1.value);
    var b=parseInt(document.formular1.cislo2.value);
    document.formular1.vysledek.value=a+b;
  }
</script>

<b>Součet dvou celých čísel</b>
<form action="" name="formular1">
  <input type="text" name="cislo1" size="10" /> první číslo<br />
  <input type="text" name="cislo2" size="10" /> druhé číslo<br />
  <input type="button" value="Sečti" onclick="Soucet1()" /><br />
  <input type="text" name="vysledek" size="10" /> součet<br />
</form>
Součet dvou čísel
první číslo
druhé číslo

součet

Příklad 2

Pro zadaný rok určete, zda je přestupný. Přestupné roky jsou dělitelné 4 kromě těch, které jsou dělitelné 100 a nejsou přitom dělitelné 400. 

<script>
  function JePrestupny(rok) {
    return ((rok%4==0) && (rok%100!=0)) || (rok%400==0);
  }

  function Zpracuj(f) {
    var r=parseInt(f.rok.value);
    if (isNaN(r)) {
      alert("Chybně zadaný rok!");
      return;
    }
    else
      if (JePrestupny(r))
        f.vysl.value="ANO";
      else
        f.vysl.value="NE";
  }
</script>

<b>Zjištění přestupnosti zadaného roku</b>
<form action="">
  Rok
  <input type="text" name="rok" size="6" maxlength="4" />
  <input type="button" value="Je přestupný?" onclick="Zpracuj(this.form)" />
  <input type="text" name="vysl" size="6" readonly="readonly" />
</form>

 

Zjištění přestupnosti zadaného roku
Rok

Příklad 3

Nadefinujte funkci pro výpočet faktoriálu čísla n rekurzivní metodou (pro n < 170). 
<script>
  function FaktorialRek(n) {
    if (n<=1)
      return 1;
    else
      return n*FaktorialRek(n-1);
  }
</script>

<form action="" name="faktRek">
  číslo
  <input type="text" name="x" size="10" />
  <input type="button" value="Faktoriál"
         onclick="this.form.v.value=FaktorialRek(parseInt(this.form.x.value))" />
  <input type="text" name="v" size="25" readonly="readonly" />
</form>

Číslo

Příklad 4

Pro libovolné dvě zadané strany trojúhelníka dopočítejte třetí tak, aby trojúhelník byl pravoúhlý. Výsledek zaokrouhlete na dvě desetinná místa. Ošetřete případy, kdy uživatel zadá pouze jednu stranu nebo všechny tři strany současně (vypíší se chybová hlášení). Ošetření zadání záporných nebo nulových hodnot provádět nemusíte. Dále si uvědomte, že libovolná odvěsna musí být vždy kratší než přepona. Při řešení použijte Pythagorovu větu c2 = a2 + b2. 

<script>
  function DoplnStranu() {
    var a=parseFloat(document.trojuhelnik.odv1.value);
    var b=parseFloat(document.trojuhelnik.odv2.value);
    var c=parseFloat(document.trojuhelnik.prep.value);

    if (!isNaN(a) && !isNaN(b) && !isNaN(c)) {    // zadány všechny 3 strany
      alert("Musíte zadat pouze dvě strany!");
      return;
    }

    if (isNaN(a))                                 // nebyla zadána odvěsna a
      if (isNaN(b) || isNaN(c)) {
        alert("Musíte správně zadat dvě strany!");
        return;
      }
      else {
        if (b<c)
          document.trojuhelnik.odv1.value=Math.round(Math.sqrt(c*c-b*b)*100)/100;
        else
          alert("Přepona musí být delší než odvěsna!")
      }

    if (isNaN(b))                                 // nebyla zadána odvěsna b
      if (isNaN(a) || isNaN(c)) {
        alert("Musíte správně zadat dvě strany!");
        return;
      }
      else
        if (a<c)
          document.trojuhelnik.odv2.value=Math.round(Math.sqrt(c*c-a*a)*100)/100;
        else
          alert("Přepona musí být delší než odvěsna!")

    if (isNaN(c))                                 // nebyla zadána přepona c
      if (isNaN(a) || isNaN(b)) {
        alert("Musíte správně zadat dvě strany!");
        return;
      }
      else
        document.trojuhelnik.prep.value=Math.round(Math.sqrt(a*a+b*b)*100)/100;
  }

</script>

<b>Doplnění na pravoúhlý trojúhelník</b>
<form action="" name="trojuhelnik">
  <input type="text" name="odv1" size="10"> odvěsna<br />
  <input type="text" name="odv2" size="10"> odvěsna<br />
  <input type="text" name="prep" size="10"> přepona<br />
  <input type="button" value="Doplň" onclick="DoplnStranu()">
  <input type="reset" value="Smaž"><br />
</form>
Doplnění na pravoúhlý trojúhelník
odvěsna
odvěsna
přepona

Příklad 5

Vytvořte jednoduchou kalkulačku, která umožní zadat a vyhodnotit určitý aritmetický výraz. 
<script>
  function Pridej(znak) {
    document.kalkulacka.displej.value+=znak;
  }

  function Smaz() {
    document.kalkulacka.displej.value="";
  }

  function Vyhodnot() {
    document.kalkulacka.displej.value=eval(document.kalkulacka.displej.value);
  }
</script>

<form action="" name="kalkulacka">
  <table border="5" bgcolor="silver" cellpadding="5" align="center">
    <tr align="center">
      <td colspan="4" bgcolor="gray">
        <input type="text" name="displej" size="30" />
    <tr align="center">
      <td><input type="button" value="   7   " onclick="Pridej('7')" />
      <td><input type="button" value="   8   " onclick="Pridej('8')" />
      <td><input type="button" value="   9   " onclick="Pridej('9')" />
      <td><input type="button" value="   +   " onclick="Pridej('+')" />
    <tr align="center">
      <td><input type="button" value="   4   " onclick="Pridej('4')" />
      <td><input type="button" value="   5   " onclick="Pridej('5')" />
      <td><input type="button" value="   6   " onclick="Pridej('6')" />
      <td><input type="button" value="   -   " onclick="Pridej('-')" />
    <tr align="center">
      <td><input type="button" value="   1   " onclick="Pridej('1')" />
      <td><input type="button" value="   2   " onclick="Pridej('2')" />
      <td><input type="button" value="   3   " onclick="Pridej('3')" />
      <td><input type="button" value="   *   " onclick="Pridej('*')" />
    <tr align="center">
      <td><input type="button" value="   0   " onclick="Pridej('0')" />
      <td><input type="button" value="   (   " onclick="Pridej('(')" />
      <td><input type="button" value="   )   " onclick="Pridej(')')" />
      <td><input type="button" value="   /   " onclick="Pridej('/')" />
    <tr align="center">
      <td><input type="button" value="   C   " onclick="Smaz()" />
      <td><input type="button" value="   .   " onclick="Pridej('.')" />
      <td colspan="2">
        <input type="button" value="         =        " onclick="Vyhodnot()" />
  </table>
</form>