<div id="div">
  <p id="p">
    <button id="button">Click me</button>
  </p>
</div>
let div = document.getElementById("div");
let p = document.getElementById("p");
let button = document.getElementById("button");

div.addEventListener("click", () => {
  alert("The <div> element is clicked.");
});

p.addEventListener("click", () => {
  alert("The <p> element is clicked.");
});

button.addEventListener("click", () => {
  alert("The <button> element is clicked.");
});
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.