Javascript-Zählschleifen-Beispiel2
Aus ProgrammingWiki
Wiki-Quelltext dieser Seite.
<language>Javascript</language>
= 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.<br>
==Aufgabe1==
<code id="5535f04bc423e">
var html="";
</code>
<run id="5535f04bc42bc" nooutput>
for (i=5;i<=10;i=i+3) {
html+= i + "#";
}
document.getElementById("ausgabe1").innerHTML = html;
</run>
<div id="ausgabe1"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabe1"</i></b></div>
==Aufgabe2==
<code id="5535f4060e88c">
var html="Test";
</code>
<run id="5535f4060e994" nooutput>
for (i=50;i>30;i=i-7){
html+= i ;
}
document.getElementById("ausgabe2").innerHTML = html;
</run>
<div id="ausgabe2"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabe2"</i></b></div>
==Aufgabe3==
Etwas schwerer. Arbeite genau!
<code id="5535f4060e90e">
var a="?";
var i=2;
</code>
<run id="5535f4060ea0d" nooutput>
for (z=2;z<12;z=z+4){
a+="<u>"+z;
a+="</u>"+i+"<br>";
}
document.getElementById("ausgabe3").innerHTML = a;
</run>
<div id="ausgabe3"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabe3"</i></b></div>
==Aufgabe4==
Zählschleifen können auch ineinander geschachtelt sein. Was das bedeutet zeigt das nächste Beispiel.
<code id="5535f84cc3d61">
var html="";
</code>
<run id="5535f4060ea0d" nooutput>
for (i=1;i<4;i=i+1){
for (j=1;j<3;j=j+1){
html+=i + " " + j + " , ";
}
}
document.getElementById("ausgabe4").innerHTML = html;
</run>
<div id="ausgabe4"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabe4"</i></b></div>
==Zusatzaufgabe==
Finde und Korrigiere jeweils die Fehler!
<code id="5535fec65ccdb">
var html="";
</code>
<run id="5535fec65cdfe" nooutput>
for (i=1;i>8;i=i+1){
html+=i + "<br>";
}
document.getElementById("ausgabez1").innerHTML = html;
</run>
<div id="ausgabez1"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabez1"</i></b></div>
----
<code id="5535fec65cd5b">
var html="";
</code>
<run id="5535fec65ce72" nooutput>
for (i=1;i<4;i=i+1){
for (i=1;i<3;i=i+1){
html+=i + "<br>";
}
}
document.getElementById("ausgabez2").innerHTML = html;
</run>
<div id="ausgabez2"><b>Hier ist der "div"-Container mit dem Namen <i>"ausgabez2"</i></b></div>
[[Javascript-Zählschleifen-Beispiel3]]