Я пытаюсь создать noUiSlider с несколькими дескрипторами, где я могу получить значения между индивидуальными дескрипторами для отправки формы.Я могу получить доступ к значению всех дескрипторов, но только не к первому.Попытка получить его идентификатор на console.log ничего не дает.Как я могу получить доступ к первой ручке?Мой пример здесь: Пример Codepen
var multirange = document.getElementById("my-slider");
//initalize the slider
noUiSlider.create(multirange, {
start: [1, 3, 6, 7],
connect: [true, true, true, true, true],
tooltips: [true, true, true, true],
behaviour: "tap-drag",
step: 0.25,
range: {
min: [0],
max: [8]
}
});
multirange.noUiSlider.on("update", function(values, handle) {
var value = values[handle];
if (handle) {
//for debugging check the id of the current handle
console.log(handle);
//get the id of the corresponding input field
var inputid = "input-number" + handle;
//first handle value does not need to be processed further
if (handle !== 0) {
//get previous handle id field
var prvid = handle - 1;
//get previous handle value
var prvvalue = values[prvid];
//difference between current and previous value
var diffvalue = value - prvvalue;
var inputNumber = document.getElementById(inputid);
inputNumber.value = diffvalue;
} else {
//first handle value should directly be written into the input field
inputNumber.value = value;
}
}
});