Dreieck ausgeben mit for schleife in Javascript?
Hallo,
ich wollte Fragen wie ich ein Dreieck ausgeben kann mit Javascript, dabei soll das Dreieck vorher mit einer Zahl mit "prompt" eingegeben und mit sternchen ausgegeben werden.
Am Ende sollte es so aussehen wenn man z.B. die Zahl 4 eingegeben hat:
*
**
***
****
Zurzeit habe ich schon einen Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function sterne(){
var zahl = prompt("Zahl eingeben");
for(var i =0; i <zahl; i++){
ausgabe.innerHTML += "*" + "<br>";
}
document.querySelector('output').innerText =
"Anzahl der Zeilen: " + zahl;
}
</script>
</head>
<body onload="sterne()">
<output></output>
<br>
<div id="ausgabe"></div>
</body>
</html>
Der mir das hier ausgibt:
Anzahl der Zeilen: <Zahl>
*
*
*
*
Ich vermute man braucht eine weitere For schleife oder ein if, könnte mir da jemand weiterhelfen? Danke für mögliche Antworten.
1 Antwort
Teile die Aufgabe in Teilfragen auf:
- Wie kann ein einziges Sternchen gezeichnet werden?
- Wie kann eine einzige Reihe (bzw. wie können mehrere Spalten) des Dreiecks gezeichnet werden?
- Wie können mehrere Reihen für das Dreieck gezeichnet werden?
Wie du merken solltest, stellt Punkt 2 eine Wiederholung von Punkt 1 dar und Punkt 3 eine Wiederholung von Punkt 2, wobei da allerdings die Sternchenzahl mit jeder Iteration um 1 erhöht werden muss.
Insofern ja, für jede Wiederholung bedarf es einer Schleife.