2.8.1.8 Bedingte Anweisungen

HTML

<body>
   <form action=""><input type="text" id="lieblingsfarbe"></form>
   <button onclick="Psycho(document.getElementByID('lieblingsfarbe'))";>
</body>

JavaScript

function Psycho(Element) {
var Farbe = Element.value;

switch (Farbe){
case "blau": alert("Sie sind sehr bescheiden");

break;

case "rot": alert("Sie sind sehr aktiv");

break;

case "gelb": alert("Sie haben ein sonniges Gemüt");

break;

case "schwarz": alert("Machen wir gleich noch einen Termin.");
location.href="terminvergabe.html";

break;

default: alert("Das nennen Sie eine Farbe?");

break;
}

Es folgt ein vollständiges Beispiel zur Berechnung einer Quadratzahl unter Verwendung von Funktionen:

<!DOCTYPE html>
<html>
   <head>
      <title>Titel der Seite</title>
      <script type="text/javascript">
        function quadrat( zahl ) {
        if (zahl<1000){
        var square=zahl*zahl;
        alert ("Das Quadrat der von Ihnen gewaehlten Zahl ("+zahl+") ist "+square+"!");
        }

        else {
        alert ("Die von Ihnen gewaehlte Zahl war zu gross!");
        }
        }

       function eingabe() {
       var meineZahl = prompt("Geben Sie eine Zahl ein!");
       quadrat(meineZahl);
       }
     </script>
   </head>
   
   <body>
      <form action="#">
      <input type="button" value="Click me!" onclick="eingabe()" />
      </form>
   </body>
</html>