<html lang="en">
  <div class="outerDiv">
    <button class="myButton">Click me!</button>
  </div>
  <script>
    function displayInnerMessage(ev) {
      console.log('Inner message.');
    }
    function displayOuterMessage(ev) {
      console.log('Outer message.');
    }

window.onload = (event) => {
  document.querySelector('.outerDiv').addEventListener('click', displayOuterMessage, true);
  document.querySelector('.myButton').addEventListener('click', displayInnerMessage, true);
}
</script>
</html>

3x435h38f

3x435h38f