dom-event-delegation

Question 1

What is the event.target?

Answer 1

reference to the object onto which the event was dispatched

Question 2

Why is it possible to listen for events on one element that actually happen its descendent elements?

Answer 2

the bubbling

Question 3

What DOM element property tells you what type of element it is?

Answer 3

event.target.tagName

Question 4

What does the element.closest() method take as its argument and what does it return?

Answer 4

The closest() method traverses the Element and its parents (heading toward the document root) until it finds a node that matches the provided selector string. Will return itself or the matching ancestor. If no such element exists, it returns null.

Question 5

How can you remove an element from the DOM?

Answer 5

The Element.remove() method removes the element from the tree it belongs to

Question 6

If you wanted to insert new clickable DOM elements into the page using JavaScript, how could you avoid adding an event listener to every new element individually?

Answer 6

The better solution is to add an event listener to the parent UL element