Questions

Answer the following questions to gauge your understanding of events:

1. Which of these is the second phase of the event life cycle?
   1. Capturing
   2. Targeting
   3. Bubbling
2. The event object provides us with which of the following? – Select all that apply:
   1. The type of event 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()
    })
  }
})

3. Which JavaScript features ae used in the preceding code? Select...