Schleifen
Mit while
können Sie Anweisungen solange wiederholen, bis eine Bedingung zutrifft.
<!DOCTYPE HTML>
<html lang="de">
<head>
<title>Test</title>
<meta charset="utf-8">
</head>
<body>
<script>
var Eingabe = "" ;
var Zahl = 1;
while (Eingabe != "html" && Zahl <= 3) {
Eingabe = window.prompt(Zahl + ". Versuch: Passwort?", "");
Zahl++;
}
if (Eingabe != "html") {
document.write("Du kommst hier nicht rein");
} else {
document.write("Ja, du kommst hier rein");
}
</script>
</body>
</html>
Das ganze sieht so aus
In diesem Beispiel wird am Anfang in die Variable Eingabe
ein Leerstring, und in die Variale Zahl
die 1 gespeichert. Jetzt wird die Schleife mit ein Eingabefenster durchlaufen, bis entweder das richtige Passwort "html"
eingegeben wurde, oder dreimal das falsche Passwort eingegeben worden wurde. Hinweis: Hierbei handelt es sich nicht um eine
sichere Methode, ein Passwort abzufragen, da das Passwort ohne Schwirigkeiten rauszubekommen ist.
Wiederholungen
Statt while
kann auch for
eingesetzt werden, wobei die Schleife eine bestimmte Anzahl von
Durchläufen hat.
<!DOCTYPE HTML>
<html lang="de">
<head>
<title>Test</title>
<meta charset="utf-8">
</head>
<body>
<script>
var Ausgabe = "" ;
for (var i = 100; i <= 255; i=i+8)
Ausgabe = Ausgabe + '<hr style="width:200px; background-color:rgb('+i+','+i+',255);
height:6px; border:0;">';
document.write(Ausgabe);
</script>
</body>
</html>
Das ganze sieht so aus
Hierbei wird der Variable i
der Wert 100 zugewiesen, und pro Schleife um 8 erhöht, bis der Wert
255 erreicht ist. Pro Schleife wird eine blaue Linie ausgegeben, die immer heller wird.
Schleife erzwingen
Mit while
wird eine Schleife nicht ausgeführt, wenn eine Bedingung nicht zutrifft. Zum Beispiel:
<script>
var Zahl = 10;
while (Eingabe != Zahl <= 9) {
Um zu erzwingen, das die Schleife mindestens einmal durchlaufen wird, notieren Sie do while
.
<!DOCTYPE HTML>
<html lang="de">
<head>
<title>Test</title>
<meta charset="utf-8">
</head>
<body>
<script>
var Zahl = 100;
do {
document.write('Dieser Satz wurde mit JavaScript ausgegeben');
zahl++;
} while (zahl < 99) ;
</script>
</body>
</html>
Das ganze sieht so aus
Schleife abbrechen und fortsetzen
Mit break
kann eine Schleife frühzeitig abgebrochen werden und mit continue
kann die
Schleife sofort fortgesetzt werden, ohne das die nachfolgenden Anweisungen durchgeführt werden.
<!DOCTYPE HTML>
<html lang="de">
<head>
<title>Test</title>
<meta charset="utf-8">
</head>
<body>
<script>
var i = 0, j = 0;
while (i < 9) {
Ende:
if (i == 6) {
alert("Das war's, denn i ist gleich " + i + " und j ist gleich " + j );
break Ende;
}
i++;
if (i == 3)
continue;
j++;
}
</script>
</body>
</html>
Das ganze sieht so aus