JSFiddle - React, Tailwind, and code Playground

by Doeke Wartena

HTML

<div id="gifdiv">
  <img src="http://doekewartena.nl/catalogtree/bbc/images/bbc.jpg" />
</div>

JavaScript

$("#gifdiv").click(function () {
    
    var img = $(this).find("img").get(0);  
    var imgSrc = img.src;
    
    console.log(imgSrc);  
    
    if (imgSrc.indexOf(".gif") > -1) {
        imgSrc = imgSrc.replace(".gif", ".jpg");
    }
    else {
        imgSrc = imgSrc.replace(".jpg", ".gif");
    }
    img.src = imgSrc;     
  });