JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<div class="myimg" onclick="onClickImg();" ondblclick="onDoubleClickImg();">
	<img id="myPicture" src="http://placehold.it/350x150"  > 
</div>
    
<script>
function onClickImg(){
    document.getElementById("myPicture").style.visibility="visible";
}
function onDoubleClickImg(){
    document.getElementById("myPicture").style.visibility="hidden";
}
</script>

CSS

.myimg{
   width:350px;
    height:150px;
    background:#fcc;
}