Add EventListener on change

[glossyweb]

How to add another eventlistener when noUI slider change?
Bcz i make slider for change qr code bg transparency but not work with my code.

let apply_reload_qr_code_event_listeners = () => { document.querySelectorAll('[data-reload-qr-code]').forEach(element => { let events = ['paste', 'keyup', 'change']; events.forEach(event_type => { element.removeEventListener(event_type, reload_qr_code_event_listener); element.addEventListener(event_type, reload_qr_code_event_listener); }) }); }

and noUI slider have a selector data-reload-qr-code but nothing change.

My code of slider

`$(document).ready(function() {
var sliderBlur = document.getElementById('slider_background_color_transparency');
var blurInput = document.getElementById('background_color_transparency');
noUiSlider.create(sliderBlur, {
start: blurInput.value,
behaviour: 'snap',
step: 5,
tooltips: [
{ to: function(value) { return value + '%'; } }
],
range: {
min: 0,
max: 100
}
});

sliderBlur.noUiSlider.on('update', function( values, handle ) {
	blurInput.value = values[handle];
});	

});`