Selbstdefinierte Funktionen

Einfache Funktion
function Kubik10()  {
var y=10*10*10;
alert("10 hoch 3 ergibt " + y);
}
Definition im <script>-Tag
Kubik10();
Aufruf aus JavaScript
<input type="button" value="3. Potenz von 10"
onClick="Kubik10()"></input>
Aufruf nach Klick auf einen Button
Funktion mit Übergabewert
function KubikFlexibel(x)  {
var y=x*x*x;
alert(x + " hoch 3 ergibt " + y);
}
Definition im <script>-Tag
KubikFlexibel(12);
Aufruf aus JavaScript
<input type="text" name="BasisWert" value="Zahl eingeben"
onblur="KubikFlexibel(this.value)"></input>
Aufruf aus dem <body>-Tag
 
Aufruf beim Verlassen eines Eingabefeldes
Funktion mit Rückgabewert
function ZinsBerechnen(k, p)  {
  var Zins = k / 100 * p;
  return Zins;
}

function ZinsEintragen(Kapital, Prozentsatz) {
  var ZinsBetrag = ZinsBerechnen(Kapital, Prozentsatz);
  document.InputForm.Zins.value = ZinsBetrag;
}
Definition im <script>-Tag
 
Die zweite Funktion ZinsEintragen() ruft die erste auf. Sie erhält den mit return bezeichneten Rückgabewert.
<form name="InputForm" action="">
  <input type="text" value="Nettobetrag eingeben" name="Netto"></input>
  <input type="text" value="Zinssatz eingeben" name="ZinsSatz"></input>
  <input type="button" value="Zins berechnen"
      onClick="ZinsEintragen(document.InputForm.Netto.value,
      document.InputForm.ZinsSatz.value)"></input<
  <input value="Zinsbetrag" disabled type="text" name="Zins"></input>
</form>
Aufruf der Funktion ZinsEintragen() beim Klick auf den Button
 
Der Funktion werden die beiden Werte mit Hilfe des document-Objektes übergeben. Mit document.InputForm.Netto.value wird z.B. die Eingabe im Feld Netto übergeben.