Здравствуйте. Хочу сделать неразмытую картинку при нажатии на нее и размытую при повторном. Этот код работает, но только для одной картинки. Немного не понимаю, как сделать переменную (setBlur[?]) в функции blurStyle, чтобы у каждой картинки было свое событие. (Если не считать создание копии этой функции и изменении переменных).
var setBlur = document.getElementsByTagName("img");
function setListenerForImage(){
for(var i = 0; i < setBlur.length; i++){
setBlur[i].addEventListener("click", blurStyle);
}
}
var count = 0;
function blurStyle(e){
if(e.mousedown) return;
if(count == 0){
setBlur[0].style.filter = "blur(0px)";
count++;
}else if(count == 1){
setBlur[0].style.filter = "blur(5px)";
count = 0;
}
}
setListenerForImage();
