Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Responding to User Interaction Listening for Events with addEventListener()

Instead of using a loop, couldn't you have used query selector all and then apply the click event on all of these?

I feel like the only reason we are doing a loop is because we only selected one li element. If we selected all, would we not have to worry about the loop?

2 Answers

Steven Parker
Steven Parker
229,005 Points

A NodeList has no method to apply a listener to each of its members, but by looping though them, you can add a listener to each one individually.

Steven Parker Ah okay so you need to loop through either an HTML collection or a node collection if you are selecting all the elements with li.

Steven Parker
Steven Parker
229,005 Points

Yes, or establish a delegated handler that will cover them all.