JSFiddle - React, Tailwind, and code Playground

by Leo Cavalcante

HTML

<body>
    <div class="name">
      <button class="button" type="submit">Imagen</button>
    </div>
    <img class="img hidden" src="http://www.online-image-editor.com//styles/2014/images/example_image.png" alt="anyimg">
    <script src="main.js" charset="utf-8"></script>
  </body>

CSS

.hidden {
  visibility: hidden;
}

JavaScript

(function() {
  //pegando botão pela classe
  var button = document.querySelector(".button");
  //pegando imagem pela classe
  var img = document.querySelector(".img");
  
  button.addEventListener("click",function(ev){
    //voltando a imagem
    img.classList.remove('hidden');
  });
}());