for .. of
Browser support for for .. of loops looks pretty good and this seems like a super clean syntax to me:
for (const button of buttons) {
button.addEventListener('click', () => {
console.log("for .. of worked");
});
}
Save
Make an array right away
const buttons = Array.prototype.slice.apply(
document.querySelectorAll(".js-do-thing")
);
Save
Now you can use all the normal array functions.
buttons.forEach((button) => {
console.log("apply worked");
});
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter