Die While-Schleife

Zuerst wird eine Variable definiert mit einem Startwert von 0 ausserhalb der Schleife (damit der Wert der while-Schleife „true“ ist). Somit läuft die Schleife mindestens einmal durch. Die Schleife läuft so lange bis der Wert in der Bedingung „true“ ist. Ist der „boolean“-Wert–>“ false“ bricht die Schleife ab. Die Variable i wird nach jedem Schleifendurchlauf mit i++ hochgezählt.

Es wird ausserhalb mit ‚let text = “ „;‘ eine globale Variable angelegt um den in der Schleife generierten Wert zu speichern. Mit <br> wird ein Zeilenumbruch eingeleitet.

				
					 <!DOCTYPE html>
<html>
<body>

<h4>Die while-Schleife</h4>

<p id="demo"></p>

<script>


function toCountUp(){

let text = "";
let i = 0;
while (i < 10) {
  text += "<br> Nummer: " + i + " ! ";
  i++;
}

document.getElementById("demo").innerHTML = text;
}
</script>

<button class="myButton" type="button" onclick="toCountUp()">Klick</button>

</body>
</html>

Die while-Schleife