Chapter 7

Answer the following questions to gauge your understanding of events:

1. Which of these is the second phase of the event lifecycle?
   1. Capturing
   2. Targeting
   3. Bubbling
2. (Choose all the correct answers) What does the event object provide us with?
   1. The type of event that is triggered
   2. The target DOM node, if applicable
   3. The mouse coordinates, if applicable
   4. The parent DOM node, if applicable

Look at this code:

container.addEventListener('click', (e) => {
  if (e.target.className === 'box') {
    document.querySelector('#color').innerHTML = e.target.style.backgroundColor
    document.querySelector('#message').innerHTML = e.target.innerHTML
    messageBox.style.visibility = 'visible'
    document.querySelector('#delete').addEventListener('click', (event) => {
      messageBox.style.visibility = 'hidden'
      e.target.remove()
    })
  }
})

1. Which JavaScript features is it using? Select all the answers that apply...