Javascript Tutor - Lektion 14
Nehmen wir mal an, wir senden der Funktion eine Farbe...
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="Javascript"><!--
colors = new Array();
colors[0] = "red";
colors[1] = "blue";
colors[2] = "green";
colors[3] = "yellow";
colors[4] = "purple";
colors[5] = "orange";
function GetMyColor(mycolor)
{
alert(colors[mycolor]);
}
//--></SCRIPT>
</HEAD>
<BODY>
<A HREF="javascript:GetMyColor(3)">Klicke hier für meine Farbe</A>
</BODY>
</HTML>
|
Übung: Füge eine Eingabebox zum letzten Beispiel hinzu, um vom Nutzer ein Zahl zu erfragen. Frage nach einer Zahl zwischen 0 und 5. Nimm die Zahl um ein Element eines Arrays auszulesen. (Technisch gesehen frage ich nach einer Integer (Ganzzahl) zwischen und einschließlich 0 und 5, aber da klingt zu verwirrend. Belassen wir es bei einer Zahl zwischen 0 und 5 und wir wissen, wovon wir reden.)
Übung: Füge zur letzten Übung eine if-else Anweisung hinzu, die jede Zahl größer 5 erfasst und dann nochmals nach einer Zahl zwischen 0 und 5 fragt.
Beachte, dass die letzten Beispiele die Zahl 5 fest eingeschrieben haben. Wenn wir weitere Farben hinzufügen, müssen wir alle Referenzen zur "5" ändern. Hey, ich ne Idee... lass uns die Zahl in eine Variable packen...
Übung: Nutze die Eigenschaft length eines Arrays, um die Anzahl der Elemente in eine Variable zu packen. Lass uns dann diese Variable in der Funktion nutzen. Dies ist eine schwere Übung. Teste das Script ausführlich, um Fehler auszuschließen.
Ich denke, dies ist ein guter Zeitpunkt für einen kleinen Abstecher. Unser letztes Script hat getestet, ob die Zahl größer 5 ist (oder jede andere Zahl). Dieses Script testet auch, ob die Zahl kleiner 0 ist. Mit anderen Worten, es testet die Zahl darauf, ob sie größer 5 ODER kleiner 0 ist.
Schau Dir mal diese einfache if Anweisung an...
if (x > 5)
{
tue etwas
}
Es wird getestet, ob x größer fünf ist. Wir können noch eine Bedingung hinzufügen und testen, ob x > 5 or x < 0 ist..
if ((x > 5)||(x < 0))
{
tue etwas
}
Der OR Operator ist zwischen zwei Strichen (Pipes)... ||.
Übung: Füge die Funktionalität zur letzten Übung hinzu. Dasd Script soll testen, ob dass Zahl nicht größer als 5 oder kleiner als 0 ist.
Ähnlich wie der OR Operator arbeitet der AND Operator. Er wird dargestellt durch zwei Ampersands... &&
if ((x > 5)&&(x < 0))
{
tue etwas
}
Das sagt im Grunde, wenn x größer als 5 und x kleiner als 0 ist, dann tue etwas. Das ist offensichtlich nie der Fall. Aber Du versteht hoffentlich das Konzept.
Übung: Schreibe ein kleines Script. Wenn der Nutzer auf den Link klickt, erscheint eine Eingabebox für eien Zahl (etwa "Bitte gib die "4" ein). Eine zweite Eingabebox folgt, die nach einer zweiten Zahl fragt. Das Script soll prüfen ob die erste und die zweite Zahl richtig sind. Wenn ja, soll der Nutzer eine positive Nachricht erhalten, wenn nicht, eine negative Nachricht. Nutze den && Operator in Deiner Lösung. Hinweis: Danke daran, dass der Vergleich auf Gleichheit zwei Gleichheitszeichen nutzt ==.
| << Zurück Weiter >> |
 |
|
 |
