Creé un rango de entrada (0-100) y luego intenté asignar el valor de salida al filtro de imagen (escala de grises)

 <img src="myimg.jpeg " id="inserted" draggable="true" >

 select(".slider").mouseClicked(function(){self.test=self.olId[0].value; document.getElementById("inserted").style.filter="grayscale((self.test)%)"; console.log(self.test); });

Cuando cambio (self.test) a cualquier número entero (30,40,...) también funciona en la consola cuando muevo el rango, el resultado de self.test cambia, entonces, ¿por qué el cambio en self.test no se refleja en mi filtro? range --> self.test(segmento correcto) -->filter(segmento roto) cambio de rango --> cualquier entero --> filtrar todo ok ¿Qué extraño aquí?