JavaScript - intento capturar el valor de el input para hacer un filtro de imagen

 
Vista:

intento capturar el valor de el input para hacer un filtro de imagen

Publicado por ¿porque me da siempre el valor de 50 mi input? (1 intervención) el 04/04/2020 23:26:49
intento capturar el valor de el input para hacer un filtro de imagen, pero solo me devuelve el valor 50 y no se porque.
estos son los inputs que quiero capturar.
1
2
3
4
<div class="change">
    <label>escala de grises</label><input type="range" value=" 0 " id="rango1" >
    <label>desenfoque</label><input type="range" value="0" id="rango2" >
</div>

y si capturo los valores:

1
2
3
4
5
6
7
8
9
10
11
12
13
document.addEventListener('change',cambiar);
 
var img = document.getElementById('fot');
var gris = document.getElementById('rango1');
var desenfoque = document.getElementById('rango2');
 
 
function cambiar(){
    filtro = img.style.filter;
    filto  = "blur(" + desenfoque.value + "px)";
    filtro = "grayscale(" + gris.value + "%)";
 
};
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 23
Ha aumentado su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

intento capturar el valor de el input para hacer un filtro de imagen

Publicado por Andrés (10 intervenciones) el 07/04/2020 18:38:59
La lectura de los input debería estar dentro de la función, si no solo lo va a hacer al cargar la página y ya, luego va a usar siempre el mismo valor.

1
2
3
4
5
6
7
8
9
10
11
document.addEventListener('change',cambiar);
 
function cambiar(){
    var img = document.getElementById('fot');
    var gris = document.getElementById('rango1');
    var desenfoque = document.getElementById('rango2');
 
    filtro = img.style.filter;
    filtro  = "blur(" + desenfoque.value + "px)";
    filtro = "grayscale(" + gris.value + "%)";
};
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar