JSFiddle - React, Tailwind, and code Playground

HTML

<div id="input">
  <input type="password" value="password" />
  <img draggable="false" src="http://i.stack.imgur.com/H9Sb2.png" alt="">
</div>

CSS

#input > * {
  height: 1.3em;
  float: left;
}

#input img {
  cursor: pointer;
}

JavaScript

var input = document.querySelector('#input input');
var img = document.querySelector('#input img');
var visivel = false;
img.addEventListener('mousedown', function () {
  visivel = true;
  input.type = 'text';
});
window.addEventListener('mouseup', function (e) {
  if (visivel) visivel = !visivel;
  input.type = 'password';
});