JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://emojipedia-us.s3.amazonaws.com/cache/8c/65/8c65e5de808ec301754508366480250c.png" onclick="change(this)">

<script>
function change(e) {
var cargando = document.createElement("img");
cargando.src="http://djibqn7nj7mes.cloudfront.net/pw/img/loading_icon_photo.gif";
e.parentNode.insertBefore(cargando, e.nextSibling);
setTimeout(function() {
  if (e.src.match("bulbon")) {
    e.src = "http://emojipedia-us.s3.amazonaws.com/cache/8c/65/8c65e5de808ec301754508366480250c.png";
  } else {
    e.src = "http://icon-icons.com/icons2/307/PNG/128/Emoji-Happy-Icon_34081.png";
  }
  cargando.style.display = 'none';
}, 1000);
}
</script>