JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>


<div class="single-image text-center to_change_inner">
   <div class="content">
      <div class="single-image-container">
      <img class="img-responsive" src="https://picsum.photos/200/300">
      </div>
   </div>
</div>

<div>
    <a id="btn-1559300726188">Click</a>
</div>

JavaScript

jQuery(function($) {
	element1 = $('.to_change_inner').children('img');
	element1.id="imgClickAndChange";
	if (element1.addEventListener) { 
	  element1.addEventListener("click", changeImage, false);
	} else {
	  if (element1.attachEvent) {  
		element1.attachEvent("click", changeImage);
	  }
	}
 });	
 
 function changeImage() {

	if (document.getElementById("imgClickAndChange").src == "https://picsum.photos/200/300") 
	{
		document.getElementById("imgClickAndChange").src = "https://picsum.photos/20/30";
	}
	else 
	{
		document.getElementById("imgClickAndChange").src = "https://picsum.photos/200/300";
	}
}
  
window.addEventListener('load', function(){
	document.getElementById('btn-1559300726188').setAttribute("onclick", "imgClickAndChange(); return true;");
});