kostenloser Webspace werbefrei: lima-city

Problem mit For-Schleife

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   krux

   krux hat kostenlosen Webspace.

   19:22, 23.10.2015

   Hey,
   
   ich möchte ein wenig mit js vorankommen und versuch da mal das ein oder andere.
   Hier habe ich mich mal mit einer for-Schleife beschäftigt, die soweit ich das erkenne eigentlich auch fast richtig funktioniert. Aber eben nur fast.
   Meine Grundidee war, dass wenn man oben einen Text eingibt und im zweiten Feld eine Zahl, dass durch die For-Schleife darunter eine Liste erstellt wird, in der der Text x-Mal wiederholt wird.
   Leider bringt mir die For-Schleife nur den Letzten Eintrag.
   Wo habe ich meinen Fehler?
   Vielen Dank schon mal.
   

   <div>
   	<h3>Text vervielf&auml;ltigen</h3>
   	<p>Gib hier Deinen Text ein:</p><input id="b2tinput">
   	<p>Wie oft soll der Text vervielf&auml;ltigt werden?</p>
   	<input id="box2input" style="width:40px;">mal. <button onclick="javascript:box2script()">Los!</button>
   	<p  id="box2out"></p>
   	<script>
   		function box2script(){
   			var b2a = document.getElementById("b2tinput").value;
   			var b2b = parseInt(document.getElementById("box2input").value); //Hier wird der eingegebene Wert in eine Zahl umgewandelt
   			for (var i=0; i<=b2b; i++){
   				document.getElementById("box2out").innerHTML = "<li>" + i + ". " + b2a + "</li>";
   			}
   		}
   	</script>
   </div>

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. hackyourlife

   Moderator

   hackyourlife hat kostenlosen Webspace.

   19:58, 23.10.2015

   Dein Problem ist, dass du den Content des Elementes immer überschreibst und nicht erweiterst. Machst du aus dem

   document.getElementById("box2out").innerHTML = "<li>" + i + ". " + b2a + "</li>";

   ein

   document.getElementById("box2out").innerHTML += "<li>" + i + ". " + b2a + "</li>";

   sollte es funktionieren.

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?