Слайдер начальной загрузки не обновляется

Question

Я пытаюсь использовать слайдер Bootstrap с пользовательским обработчиком. Однако значение не обновляется при перемещении ползунка.

HTML:

<input id="#ex6" type="range" data-slider-min="-5" data-slider-max="20" 
data-slider-step="1" data-slider-value="3"/>
<span id="ex6CurrentSliderValLabel">Current Slider Value: <span 
id="ex6SliderVal">3</span></span>

JS:

var slider = new Slider("#ex6");
 slider.on("slide", function(sliderValue) {
document.getElementById("ex6SliderVal").textContent = sliderValue;
 });    

ОБРАЗ

Answer 1

Нет необходимости добавлять # символ вашего идентификатора. # Сам символ говорит, что вы ссылаетесь на идентификатор.

<input id="ex6" [...] />

Смотрите также: CSS селекторы: https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors