JavaScript - NetVision-Technik

rick · 28.09.2009, 01:47

Code:

<html>

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

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

function beg_function(param)     /* Funktion mit einem Parameter definieren */
{                                /* Funktionsblock einleiten */

  var output="";                 /* Variable output definieren und zuweisen */

  if (param==0)                  /* wenn 0 als Parameter uebergeben */
    output="Guten Morgen";       /* Variable output zuweisen */

  if (param==1)                  /* wenn 1 als Parameter uebergeben */
    output="Guten Tag";          /* Variable output zuweisen */

  if (param==2)                  /* wenn 2 als Parameter uebergeben */
    output="Guten Abend";        /* Variable output zuweisen */

  if (param==3)                  /* wenn 3 als Parameter uebergeben */
    output="Gute Nacht";         /* Variable output zuweisen */

  document.formular1.begruessung.value=output;  /* Textfeld fuellen */

}                                /* Funktionsblock beenden */

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

</head>
<body>

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

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

<input type=text name="begruessung" value="Guten Tag" size="50">
  <!-- Dies ist das Textfeld -->

<br>
<br>

<input type=button value="frueh" onClick="beg_function(0);">
  <!-- Dies ist der frueh-Button -->

<input type=button value="tagsueber" onClick="beg_function(1);">
  <!-- Dies ist der tagsueber-Button -->

<input type=button value="abends" onClick="beg_function(2);">
  <!-- Dies ist der abends-Button -->

<input type=button value="nachts" onClick="beg_function(3);">
  <!-- Dies ist der nachts-Button -->

</form> <!-- HTML-Formular beenden -->
</body>
</html>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Zur Linear-Darstellung wechseln Zur Hybrid-Darstellung wechseln Baum-Darstellung

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, G?ste: 1)