What would be the output on the button click? (Event Handling)

<div id="grandfather">
  <div id="father">
    <!-- What would be the output in the console if the following button#child is clicked -->
    <button id="child">Click Me</button>
  </div>
</div>

<script type="text/javascript">
  function bindEvent(id) {
    document
      .getElementById(id)
      .addEventListener(
        "click",
        (e) => console.log(e.target.getAttribute("id")),
        true
      );
  }
  
  bindEvent("grandfather");
  bindEvent("father");
  bindEvent("child");
</script>