die forOf-Schleife

Das Beispiel enthält ein Variable mit einem Namen. Der Name wird beim HTML-Element <p id=“demo“>…</p> ausgegeben. Bei „document.getElementById(„demo“).innerHTML = text; wird mit …(„demo“). … auf das HTML-Element mit der <p id=“demo“></p> gezeigt und mit „innerHTML“ der Inhalt ausgelesen. In HTML ist eine id eindeutig und darf nur einmal vorkommen.

Die forOf-Schleife durchläuft ein Namen( dessen Datentyp ein String ist). Jede Iteration (von lateinisch iterare ,wiederholen‘) gibt einen Schlüssel (y) zurück. Der Schlüssel wird verwendet, um auf den Wert des Schlüssels zuzugreifen. Der Wert des Schlüssels ist name[y]

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. Was eine globale Variable ist siehst du weiter unter „JS-Scope“.

				
					 <!DOCTYPE html>
<html>
<body>

<h4>Die ForOf-Schleife</h4>

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

<script>


function splitName(){
let name = "John";

let text = "";
for (let y of name) {
 text += y + "<br>";
}
document.getElementById("demo").innerHTML = text;
}
</script>

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

</body>
</html>

Die ForOf-Schleife