#outer {
  background-color: yellow;
  border: 1px solid black;
  padding: 5px;
}

#inner {
  background-color: pink;
  border: 1px solid black;
  padding: 5px;
}

#paragraph {
  background-color: coral;
  border: 1px solid black;
  padding: 5px;
}

function handleAndBubble() {
  alert('From ' + event.target.id + ' div, bubbling will continue')
  console.log('From ' + event.target.id + ' div, bubbling will continue')
}

function handleAndStop(event) {
  console.log(event.target.textContent)
  alert(event.target.textContent);
  event.stopPropagation();
}

document.getElementById('outer').addEventListener('click', handleAndBubble);
document.getElementById('paragraph').addEventListener('click', handleAndStop)