Javascript-Zählschleifen-Beispiel3

Aus ProgrammingWiki

Inhaltsverzeichnis

1 Aufgabe

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)

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)

Wie Aufgabe a), aber
an geeigneter Stelle muss ein Zeilenumbruch hinzugefügt werden!

html="";
n=1;
m=1;

for (let i=1;i<=1;i=i+1) {
	for (let j=1;j<=1;j=j+1) {
		html+= i + "#";
	}
}
document.getElementById("ausgabe1").innerHTML = html;

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

Aufgabe2

Das Zeichen z wird in einem n*m Rechteck angeordnet.
Im Beispiel ist n=5, m=12 und z das Zeichen #!

var html="";
var n=1;
var m=1;
var z="";

for (i=1;i<=1;i=i+1) {
	for (j=1;j<=1;j=j+1) {
		html+="";
	}
}
document.getElementById("ausgabe2").innerHTML = html;

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

Aufgabe3

Etwas schwerer.

Im Prinzip entsteht ein gleichschenkliges Dreieck mit dem Zeichen z.
Bis zur n-ten Zeile soll jeweils einmal das Zeichen z hinzugefügt werden.
Im Beispiel ist n=6 und z das Zeichen "#".

var html="";
var n=1;
var z="";

for (i=1;i<=1;i=i+1) {
	for (j=1;j<=1;j=j+1) {
		html+="";
	}
}
document.getElementById("ausgabe3").innerHTML = html;

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

Freie Aufgabe

Nutze den Quelltext der Aufgabe 3 um diese anspruchsvolle Zusatzaufgabe zu lösen!

Javascript-Zählschleifen-Beispiel2