JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<img id="image1" src="http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg" />
<a style="display:none;" id="image2" href="http://www.google.com" target="_blank"><img  src="http://d1jqu7g1y74ds1.cloudfront.net/wp-content/uploads/2011/08/us-astronaut-bruce-mccandless-space-walk.jpg" /></a>
<a href="javascript:void(0)" onclick="showImage2()">Click Me</a>
<script>
function showImage2(){
    var imageOne = document.getElementById('image1');
    var imageTwo = document.getElementById('image2');
    imageTwo.style.display = 'block';
    imageOne.style.display = 'none';
}   
</script>