Javascript-Zählschleifen-Beispiel2

Aus ProgrammingWiki

Inhaltsverzeichnis

1 Aufgabe

Aufgabe

Du siehst die Quelltexte für 4 Aufgaben. Analysiere diese Quelltexte und versuche die Ausgabe vorherzubestimmen. Führe dann die Quelltexte aus und Vergleiche. Du kannst auch zum Experimentieren die Quelltexte verändern.

Aufgabe1

html="";

for (let i=5;i<=10;i=i+3) {
	html+= i + "#";
}
document.getElementById("ausgabe1").innerHTML = html;

Hier ist der "div"-Container mit dem Namen "ausgabe1"

Aufgabe2

html="Test";

for (let i=50;i>30;i=i-7){
	html+= i ;
}
document.getElementById("ausgabe2").innerHTML = html;

Hier ist der "div"-Container mit dem Namen "ausgabe2"

Aufgabe3

Etwas schwerer. Arbeite genau!

a="?";
i=2;

for (let z=2;z<12;z=z+4){
	a+="<u>"+z;
	a+="</u>"+i+"<br>";	
}
document.getElementById("ausgabe3").innerHTML = a;

Hier ist der "div"-Container mit dem Namen "ausgabe3"

Aufgabe4

Zählschleifen können auch ineinander geschachtelt sein. Was das bedeutet zeigt das nächste Beispiel.

html="";

for (let i=1;i<4;i=i+1){    
      for (let j=1;j<3;j=j+1){
            html+=i + " " + j + " , ";
      }   
}               
document.getElementById("ausgabe4").innerHTML = html;

Hier ist der "div"-Container mit dem Namen "ausgabe4"

Zusatzaufgabe

Finde und Korrigiere jeweils die Fehler!

html="";

for (let i=1;i>8;i=i+1){    
            html+=i + "<br>"; 
}               
document.getElementById("ausgabez1").innerHTML = html;

Hier ist der "div"-Container mit dem Namen "ausgabez1"

html="";

for (let i=1;i<4;i=i+1){    
      for (let i=1;i<3;i=i+1){
            html+=i + "<br>";
      }   
}               
document.getElementById("ausgabez2").innerHTML = html;

Hier ist der "div"-Container mit dem Namen "ausgabez2"

Javascript-Zählschleifen-Beispiel1
Javascript-Zählschleifen-Beispiel3