He podido crear los botones usando el bucle for, pero al hacer clic en un botón, elige el último valor en la lista de matrices, ¿por qué?

 //list of propertySidebarItem styles to use to create the buttons for (var i = 0; i < propertySidebarItem.styles.length; i++) { //current property style to use var style = propertySidebarItem.styles[i]; //create the button using the current style var btnElement = document.createElement('button'); btnElement.className = 'btn ' + element.tagName + style.name; //on click of any button, display the button properties btnElement.onclick = function () { //at this stage i am getting the last value in the propertySidebarItem.styles array console.log(btnElement); }; }