JavaScript - Beispiel-Quelltext


<HTML>
<HEAD>
<TITLE>JavaScript - Übungen</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
// Hier beginnen die JavaScript-Anweisungen

  // Mehrwertsteuersatz
  steuersatz   = 0.16;
  
  // Variablen
  var nettobetrag  = 0; // Nettobetrag
  var bruttobetrag = 0; // Bruttobetrag
  var steuerbetrag = 0; // Mehrwertsteuer
    
  function berechnen()
  {
    // Etwas kuerzere Form des Zugriffs  
    with(window.document.formular) {
      // Nettobetrag einlesen
      nettobetrag = netto.value;
      // Einfache Eingabepruefungen
      if(nettobetrag == "") {
	alert("Fehler: Bitte Nettobetrag eingeben!");
	return false;
      }
      else if(isNaN(nettobetrag) == true) {
	alert("Fehler: Bitte als Nettobetrag einen Zahlenwert eingeben!");
	return false;
      }
      // MWst und Brutto berechnen
      steuerbetrag = eval(nettobetrag + "*" + steuersatz);
      bruttobetrag = eval(nettobetrag + "+" + steuerbetrag);
      // MWSt und Brutto ausgeben
      brutto.value = bruttobetrag;
      mwst.value = steuerbetrag;
    }
    return true;
  }
  
  function ruecksetzen()
  {
    with(window.document.formular) {
      bruttobetrag = 0;
      steuerbetrag = 0;
      if(berechnen() == false) {
	brutto.value = bruttobetrag;
	mwst.value = steuerbetrag;
      }
    }
    return true;
  }
  
// Hier enden die JavaScript-Anweisungen
// -->
</SCRIPT>
</HEAD>
<BODY>
<H2>JavaScript - Übungen</H2>
<HR>
<H3>Mehrwertsteuerrechner (Steuersatz: 16%)</H3>
<HR>
<P>
<!-- 1. Formular mit Eingabefeld fuer Bruttobetrag -->
<FORM NAME="formular">  
Nettobetrag: 
<!-- 1. Element: Eingabefeld netto fuer Nettoeingabe -->
<INPUT TYPE="text" NAME="netto" VALUE="" SIZE="16" onChange="berechnen()";>  
<!-- 2. Element: Berechnungsbutton -->
<INPUT TYPE="button" VALUE="Berechne!" onClick="berechnen();">  
<P>
Bruttobetrag: 
<!-- 3. Element: Ausgabefeld brutto fuer Bruttobetrag -->
<INPUT TYPE="text" NAME="brutto" VALUE="0" SIZE=16 READONLY onChange="ruecksetzen();">  
Mehrwertsteuer: 
<!-- 4. Element: Ausgabefeld mwst fuer Mehrwertsteuer -->
<INPUT TYPE="text" NAME="mwst" VALUE="0" SIZE=16 READONLY onChange="ruecksetzen();">  
</FORM>  
<P>
<HR>
</BODY>
</HTML>