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 trialtomd
16,701 PointsWhy is there a const for the ul? It was declared at the top of the page.
So i was going through the code and noticed 'const ul = li.parentnode' but we have 'const ul = document.getElementById('invitedList');' at the top. Why do we need the second const?
2 Answers
Neil McPartlin
14,662 PointsHi Tom. This is an example of global vs local scoping. The 'ul' you are seeing declared at the top is in the global scope and is visible everywhere. But the one you are seeing shown lower down is actually within a function. If that one had not been declared 'locally' with its own 'const' (or 'let'), any changes made to 'ul' within that function would accidentally also change the globally declared 'ul' which could lead to unforeseen consequences. I can't quickly find a nice MDN explanation about this but this one from w3schools is helpful.
tomd
16,701 PointsOhhh i see now. Thank you for clearing that up.