Javascript-Zählschleifen-Beispiel3

Aus ProgrammingWiki

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
= Aufgabe =
Die folgenden Aufgaben beschäftigen sich mit ineinander geschachtelte Zählschleifen. Dieser Aufgabentyp ist nicht immer ganz einfach! Es sollen jeweils die Zählschleifen so angepasst werden, dass die entsprechend geforderten Ausgaben erreicht werden.

==Aufgabe1==
===a)===
[[Bild:Rboettcher_JS-ZS-Bsb3-1.jpg]] 
*Die Zählschleife zählt bis n und 
*gibt jeweils m mal die bis dahin gezählte Zahl zusammen mit dem Zeichen "#" aus.
*Im Beispiel ist n=3 und m=4
===b)===
[[Bild:Rboettcher_JS-ZS-Bsb3-2.jpg]]
*Wie Aufgabe a), aber
*an geeigneter Stelle muss ein Zeilenumbruch hinzugefügt werden!
<code id="55360720eb500">
var html="";
var n=1;
var m=1;
</code>

<run id="55360720eb594" nooutput>
for (i=1;i<=1;i=i+1) {
	for (j=1;j<=1;j=j+1) {
		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="55360b9552a64">
var html="";
var n=1;
var m=1;
</code>

<run id="55360b9552af8" nooutput>
for (i=1;i<=1;i=i+1) {
	for (j=1;j<=1;j=j+1) {
		html+="";
	}
}
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-Beispiel2]]