Buttons mit Click Event in Schleife

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!