Array innerhalb eines Divs ausgeben

[AzRaIL]

Habe eine Aufgabe für die Schule
Ein Array, bestehend aus 19 Werten soll innerhalb eines Divs ausgegeben werden

var Schueler = new Array();
var cache, Zahl1;

EDIT: entfernt

Die beiden anderen Variablen können außer Acht gelassen werden
das ganze ist in eine Function verpackt

[CODE]
function Schuelerliste()
    {
    for (i=0; i<Schueler.length; i++)
        {
        document.getElementById("Schueler1").innerHTML = Schueler[i];
        }
    }

Das Problem ist das kein Enter erfolgt nach jedem durchlauf
so werden alle Werte auf die gleiche Position im Div ausgegeben und man sieht nur einen Namen im endeffekt

habe auch schon folgendes Versucht

document.getElementById("Schueler1").innerHTML = Schueler[i] + "<br>";

funktioniert ebenfalls nicht
die Lehrer wussten auch nicht weiter
entweder das Problem ist nicht zu lösen oder meine Lehrer sind einfach zu doof :mrgreen:

 

[threadi]

Statt

document.getElementById("Schueler1").innerHTML = Schueler[i];

solltest Du die Namen in einer Variable sammeln und nach der Schleife erst dem Element zuweisen. Also:

ausgabe = ausgabe + ", " + Schueler[i];
[..]
document.getElementById("Schueler1").innerHTML = ausgabe;

 

[AzRaIL]

Danke schonmal
habe nun aber ein weiteres Problem
wenn ich die Function mehrmals aufrufe indem ich auf ein Button klicke erscheinen die Namen immer wieder erneut untereinander
wie kriege ich es hin das sie bei erneutem klicken auf den Button gelöscht werden?

habe es mit folgender Zeile in der Function die das Array ausgibt versucht

Formname.Divname.clear;

der Inhalt meines html dokuments

<form name="Schuelerliste1">
        <div name="Div1" id = "Schueler1"></div>
        <div id = "Wrapper">
        <div id = "FehlSchueler" class="Abstand"><h2>Schüler die Fehlen:</h2></div>
        <input type="text" class="Abstand" name="fehlendeSchueler" size="30" value=""><br>
        <input type="button" class="Abstand" value="Go" onClick="Auswahl()">
        <input type="button" class="Abstand" value="Go" onClick="Entfernen()">
        <div id = "ausgabefeld" class="Abstand"></div>
        </div>
        
</form>

funktioniert leider nicht

 

[threadi]

Du musst doch nur

document.getElementById("Schueler1").innerHTML

zurücksetzen. Also = "". Keine Ahnung woher Du das clear hast. Mir rummraten kommt man nicht sehr weit ;)