JSFiddle - React, Tailwind, and code Playground

by busyfmlyman

HTML

<body>
<button>Grand Slam Tennis Courts</button>
    <img id="image" src="http://t0.gstatic.com/images?q=tbn:ANd9GcR2NXPIn-m0elsU8YspFr32RpAfBQGdhKAe-3p4Gr-FAYUXhV_pjLKeU6pR" />
</body>

JavaScript

$(function() {
    var wimbledon = 'http://t0.gstatic.com/images?q=tbn:ANd9GcR2NXPIn-m0elsU8YspFr32RpAfBQGdhKAe-3p4Gr-FAYUXhV_pjLKeU6pR';
    var frenchopen = 'http://graphics8.nytimes.com/images/blogs/themoment/posts/0529tennis3.jpg';
    var lastimg = 'wimbledon';
    
    $("button")
      .button()
      .click(function( event ) {
          $("#image").attr('src', lastimg='wimbledon' ? frenchopen : wimbledon );
          lastimg='frenchopen';
      });
    });