JSFiddle - React, Tailwind, and code Playground

by anil001ry

HTML

<input type="image" src="https://lovetobeinthekitchen.com/wp-content/uploads/2015/04/Emily-Circle-Profile-e1428003256512.png" class="play" onclick="toggle(this);"/>

CSS

.play, .pause {width:100px;height:100px;}

JavaScript

function toggle(el){
    if(el.className!="pause")
    {
        el.src='https://photos.cdn-outlet.com/photos/options/8152120-30670-1A-zoomin.jpg';
        el.className="pause";
    }
    else if(el.className=="pause")
    {
        el.src='http://www.clker.com/cliparts/7/x/D/A/T/W/blue-play-button-md.png';
        el.className="play";
    }
    
    return false;
}