JSFiddle - React, Tailwind, and code Playground

HTML

<p>A imagem começa com cor e após clicar no botão abaixo, deve ficar em escale de cinza.</p>
<button id="toggleDesaturate">Ativar escala de cinza</button>

<div class="imgWrap">
  <img id="image" src="http://bit.ly/1QqyJ2D" />
</div>

SCSS

.imgWrap {
  border:1px solid #cde;
  padding:20px;
}

JavaScript

$(document).ready(function(){
  $('#toggleDesaturate').click(function(){
    var imgObj = document.getElementById('image');
    grayscaleImageIE(imgObj);
  });
});

function grayscaleImageIE(imgObj) {
	imgObj.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)';
}