Javascript: Buttons in Schleife erstellen

[Greenhorn79]

Hallo @all,

um Redundanzen im HTML-Code zu vermeiden, würde ich innerhalb der folgenden Funktion gerne für jedes i oder besser gesagt für jede Ausprägung der Variable beschriftung einen Button erzeugen lassen. Allerdings komme ich trotz intensiver Suche nicht auf die Lösung, wie ich innerhalb der Schleife einen Button erstellen kann, sodass ich am Ende 26 Buttons habe.
Freue mich über jeden Tipp.
Viele Grüße

function buttonsErzeugen() {
    for (var i = 65; i<=90; ++i) {
        var beschriftung = String.fromCharCode(i);
    }
}

 

[Duddle]

AW: Javascript: Buttons in Schleife erstellen




Duddle

 

[Greenhorn79]

AW: Javascript: Buttons in Schleife erstellen

Hallo Duddle,

danke. Werde ich heute Abend gleich testen. Ich habe mal wieder mit den falschen Suchbegriffen versucht, die richtige Information zu finden.

Viele Grüße
Michaela

 

[Greenhorn79]

AW: Javascript: Buttons in Schleife erstellen

So ich bin nun einen Schritt weiter. In der Schleife werden die entsprechenden Buttons erzeugt. Danke nochmal an Duddle.
Nun müsste ich hier nur noch einen Event-Handler drauflegen. Das heißt, wenn der User später auf einen der Buttons klickt soll eine bestimmte Funktion aufgerufen werden. Ich bin bislang auf die Methode setAttribute gekommen. Allerdings mag die nicht so wie ich. Aktuell mein Javascript-Code:

function buttonsErzeugen() {

    for (var i = 65; i<=90; ++i) {
        var button = document.createElement("button");
        var beschriftung = document.createTextNode(String.fromCharCode(i));
        button.appendChild(beschriftung);
        var Bereich = document.getElementById("Bereich");
        Bereich.appendChild(button);
    }
}

 

[SineTempore]

AW: Javascript: Buttons in Schleife erstellen

Bei mir funktioniert es folgendermaßen: http://jsfiddle.net/CCNEf/
zugegeben, nicht die eleganteste Methode

 

[Duddle]

AW: Javascript: Buttons in Schleife erstellen

http://www.quirksmode.org/js/introevents.html#link8



Duddle