JS Closure - dynamisch 20 Buttons in Schleife mit click event erzeugen

Hallo, ich versuche mich auf eine Klausur vorzubereiten, bei manchen der Aufgaben habe ich noch Probleme. Leider sind die Übungen und Vorträge zu diesem Modul sehr schlecht. Da habe ich gedacht, dass ich mich vielleicht hier einfach mal an ein paar Pros wende. Jetzt mal eine der besagten Aufgaben; Aufgabe (JavaScript-Closure): Erstellen Sie dynamisch zwanzig Buttons, denen Sie beim Erzeugen in einer Schleife einen Eventhandler für das Click-Event zuweisen, der beim Anklicken u.a. die Zählvariable zur Erstellungszeit ausgibt, z.B. mit folgendem Text: „Button 12 wurde gedrückt.“

Der hier verwendete Code

<div id="rein"></div> <script> d1=document.getElementById('rein'); for(p=0;p<=20;p++){ var but = document.createElement("input"); but.class="buttonclass"; but.id='button'+p+''; but.type='button'; but.value='Button '+p; but.addEventListener("click", function(){ alert(this.id) }); d1.appendChild(but); } </script>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!