JavaScript - Quadrat und Kubus berechnen

index Anfang rückwärts vorwärts runter
Das aufgelistete Beispiel errechnet von einer Zahl x die Potenzen x2 und x3. Das Formular hat den Namen formular1 bekommen, das Eingabefeld den Namen x und die Ausgabefelder sqr für das Quadrat sowie cub für die dritte Potenz.

Beispiel ansehen

Querverweise zum Verständnis : [Einbindung in HTML] [Spezifikation Funktionen] [Spezifikation Operatoren]

Im folgenden Quelltext sind wichtige Bereiche grün und Kommentare gelb markiert.
index Anfang rückwärts vorwärts hoch runter 
<html>

<head>
<title>
JavaScript - Beispiel
</title>

<script type="text/javascript">              <!-- Script-Bereich einleiten -->
<!--                                        /* HTML-Kommentar fuer Browser ohne JavaScript */

var x,sqr,cub;                              /* globale Variablendeklarationen */

function pot_function()                     /* Funktion mit einem Parameter definieren */
{                                           /* Funktionsblock einleiten */
  x=parseFloat(document.formular1.x.value); /* x zuweisen */
  sqr=x*x;                                  /* Quadrat berechnen */
  cub=sqr*x;                                /* Kubus berechnen */
  document.formular1.sqr.value=sqr;         /* Quadrat ausgeben */
  document.formular1.cub.value=cub;         /* Kubus ausgeben */
}                                           /* Funktionsblock beenden */

//-->                                       <!-- HTML-Kommentarende -->
</script>                                   <!-- Script-Bereich beenden -->

</head>
<body>

<a href="potenz.html">Erkl&auml;rung</a>
  <!-- Link zurueck auf potenz.html -->

<br>
<br>
<br>
<form name="formular1">  <!-- HTML-Formular definieren -->

<input type=text name="x" value="0.0" size="10">
  <!-- Dies ist das Textfeld -->

<br>
<br>

<input type=button value="berechne" onClick="pot_function();">
  <!-- Dies ist der berechne-Button -->

<br>
<br>

Quadrat:<br>
<input type=text name="sqr" value="0.0" size="10" readonly>
  <!-- Dies ist das Ausgabefeld fuer das Quadrat -->

<br>

Kubus:<br>
<input type=text name="cub" value="0.0" size="10" readonly>
  <!-- Dies ist das Ausgabefeld fuer den Kubus -->

</form> <!-- HTML-Formular beenden -->
</body>
</html>
index Anfang rückwärts vorwärts hoch
Autor: Ulrich Kritzner