kostenloser Webspace werbefrei: lima-city


Problem mit For-Schleife

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    krux

    krux hat kostenlosen Webspace.

    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 Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    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?

Über lima-city

Login zum Webhosting ohne Werbung!