自動的に onclick イベントが割り当てられたボタン リストを作成しようとしています。
document.getElementById('buttonList').innerHTML = '';
for(var $c = 0; $c < $buttons.length; $c++) {
document.getElementById('buttonList').innerHTML += '<li><button id="button-' + $c + '">' + $buttons[$c].text + '</button></li>';
document.querySelector('#button-' + $c).onclick = (function($index) {
return function() {
console.log($index);
};
})($c);
}
私の意見では、ボタンをクリックすると 0/1/2/3/ がログに記録されるはずですが、最後のボタンを除いて、どのボタンも機能していません。最後のボタンは正しいインデックスを返します。
だから私の質問、何が悪いのですか?