Tengo un código <input id="freq" type="range" min="1" max="20000"> El tipo de formulario es Range (input type="range"). ¿Cómo diseñar un control deslizante de rango usando NouiSlider? Este control deslizante cambia la frecuencia de la señal. Mi código funciona, pero no sucede nada cuando se mueve el control deslizante. Si no se conecta a la entrada "NouiSlider", entonces todo funciona bien.
var sliderFreq = document.getElementById('sliderFreq'); noUiSlider.create(sliderFreq, { start: 10000, step: 1, connect: 'lower', range: { 'min': 1, 'max': 20000 }, format: wNumb({ decimals: 0 }) }); var freqInput = document.getElementById('freq'); sliderFreq.noUiSlider.on('update', function(values, handle) { var freqValue = values[handle]; freqInput.value = freqValue; }); freqInput.addEventListener('change', function() { sliderFreq.noUiSlider.set([this.value]); }); <input id="freq" type="range" min="1" max="20000"> <div id="sliderFreq"></div>