JSFiddle - React, Tailwind, and code Playground

HTML

<script>
  var changeImageOnClick = function(elem, e) {
    document.getElementById('event').innerHTML = "Event Object: " + e.target.tagName;
    document.getElementById('binding').innerHTML = "Parent Object: " + elem.tagName;
  }

</script>

<div id="divId" onclick="changeImageOnClick(this, event)">
  <img class="imgStyle" src="/Images/Hydrangeas.jpg" />
  <img class="imgStyle" src="/Images/Jellyfish.jpg" />
  <img class="imgStyle" src="/Images/Koala.jpg" />
  <img class="imgStyle" src="/Images/Penguins.jpg" />
  <img class="imgStyle" src="/Images/Tulips.jpg" />
</div>

<br />
<br />

<div id="event"></div>
<div id="binding"></div>