JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://nodeframework.com/assets/img/js.png" width=200 alt=""><img src="http://nodeframework.com/assets/img/js.png" width=200 alt=""><img src="http://nodeframework.com/assets/img/js.png" width=200 alt=""><img src="http://nodeframework.com/assets/img/js.png" width=200 alt="">

JavaScript

var setBlur = document.getElementsByTagName("img");

function setListenerForImage(){
  for(var i = 0; i < setBlur.length; i++){ 
    setBlur[i].addEventListener("click", blurStyle);	
  }
}

function blurStyle(e){
  var img=this;
  var state=img.getAttribute('blur');
  if(e.mousedown) return;
  if(state == 1){
    img.style.filter = ""; 
    img.setAttribute('blur',0);
  }else{
    img.setAttribute('blur',1);
    img.style.filter = "blur(5px)"; 

  } 
} 

setListenerForImage();