how do nested div onclick handler works in javascript

Question

i have 3 nested div --

<div class="common div1">
    hello 1
    <div  class="common div2">
      hello 2
      <div  class="common div3">
        hello 3
      </div>
    </div>
  </div>

css ---

.common{ padding: 1rem }

.div1{ background-color: red }

.div2{ background-color: yellow }

.div3{ background-color: green }

--- after clicking each box i need to print innerText of each elemet