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.
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

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>