Dynamic button onclick event inside for loop in js

<button class="button">button 1</button> <button class="button">button 2</button> <button class="button">button 3</button> <button class="button">button 4</button> <button class="button">button 5</button> <button class="button">button 6</button> <script> let buttonList = document.querySelectorAll(".button"); for (let i = 0; i < buttonList.length; ++i) { buttonList[i].addEventListener("click", function(e) { alert(e.target.innerHTML+" is clicked"); }); } </script>