JSFiddle - React, Tailwind, and code Playground

by Roy Howie

HTML

<p> PLAY ALL THE KITTENS! </p>
<p> Who doesn't love kittens? </p>


<div id="play"><img src="http://placekitten.com/200/286"></img></div>
<!-- initially a play button -->

JavaScript

var toggleIt = false;
$("#play").click(function(){
    if (!toggleIt){
        //audio.play();
        toggleIt = true;
        $("#play").find("img").attr("src",             
                    "http://placekitten.com/200/286");
    }
    else{
        //audio.pause();
        toggleIt = false;
        $("#play").find("img").attr("src", 
                                    "http://placekitten.com/200/140");
    }
})