JSFiddle - React, Tailwind, and code Playground

by aprilkw

HTML

<button onclick="changeImage(-1);" >Click to Restore!</button>
    <div>
        <h1 id="caption0">Cat Avengers!!</h1>
        <button onclick="changeImage(0);">Click to change!</button>
        <img id="image0" src="http://24.media.tumblr.com/947c5bd88b7a456ce590334c692a7124/tumblr_mewmymrIWY1rm8opgo1_500.jpg" />

JavaScript

function changeImage()
{
var img = document.getElementById("image");
img.src="http://static.comicvine.com/uploads/original/12/123441/3588197-3150345-8768287685-the-av.jpeg";
return false;
   
}

 if (element > -1) {
        document.getElementById('image' + element).src = imageData[element][1].src;
        document.getElementById('caption' + element).innerHTML = imageData[element][1].caption;
    }