JSFiddle - React, Tailwind, and code Playground

by adjit

HTML

<button id="bt" type="button">Show PDF</button>
<button id="bt2" type="button">Hide PDF</button>

<img id="mimage" src="" data-link="http://www.leopoldjones.com/_kepek/icons/pdf.png"/>

CSS

#mimage {
    display: none;
}

JavaScript

$('#bt').on("click", function(){
    $('#mimage').show();
    $('#mimage').attr("src", $('#mimage').attr("data-link"));
    document.getElementById("mimage").onload=function(){alert("Working!");};
/*    $('#mimage').on("load", function(){
        alert("shown"); 
    });*/
});

$('#bt2').on("click", function(){
    $('#mimage').hide();
});