Javascript - 01 - Funktionen

JS - Funktionen

Zahlenraten

Unsere Javascript(JS) Funktion wird eine eingegebene Zahl verarbeiten. Ziel dieses kleinen Programms ist es, eine vorgegebene Zahl zu erraten. Die Funktion vergleicht die eingegebne Zahl mit der vorgegebenen und gibt jeweils Hinweise, wenn die eingegebene Zahl zu klein oder zu groß ist. Haben wir die gesuchte Zahl erraten, so gibt das die Funktion ebenfalls aus.

Die Funktion Zahlenraten() übernimmt eine Zahl, welche aus der Form Form1 mittels parseFloat(document.Form1.txtZahl.value) geholt wird. Form1 ist das Form-Element unten im body (name = "Form1") und txtZahl ist der dazugehörige Name des Input-Feldes. Diese Eingabe liegt zuerst als String vor und wird mittels parseFloat() in eine Zahl umgewandelt damit wir sie mit unserer gesuchten Zahl vergleichen können.

Dannach kommen die if-Abfragen, ob die eingegebene Zahl größer, kleiner oder gleich dem gesuchten Wert ist. Je nachdem was der Fall ist wird document.Form1.output.value die entsprechende Ausgabe übergeben. Form1 spricht wieder das entsprechende Form-Element an und als Name wird das Feld output angesprochen.

001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033

<html>
     <head>

          <script type = "text/javascript">

               function Zahlenraten()
               {
                    var Zahl = parseFloat(document.Form1.txtZahl.value);

                    if (Zahl < 100)
                         document.Form1.output.value = "Die Zahl ist zu klein";
                    else if (Zahl > 100)
                         document.Form1.output.value = "Die Zahl ist zu groß";
                    else
                         document.Form1.output.value = "erraten!";
               }

          </script>

     </head>

     <body>

          <form method = "get" name = "Form1">
               Zahl:
               <input type = "text" name = "txtZahl"></input>
               <input type = "button" value = "rate" onclick = "Zahlenraten()"></input>
               <br>
               <input type = "text" name = "output"></input>
          </form>
     </body>

</html>

Markieren

Die Funktion selber wird über einen Button aufgerufen mittels onClick = "Zahlenraten()" . Als zu suchende Zahl haben wir hier 100 gewählt.

online-Demo: zahlenraten