Перемещение элемента по целочисленным значениям input

я задал функцией передвижение элемента по x таким образом:

var slider = document.getElementById("myRange");
            slider.oninput = function() {
                rootar1.position.x = parseInt($('myRange').value);
            }

но у меня он не ползает по шагу инпута(шаг равен 0.01), то есть, при введении целочисленного значения в инпут, объект двигается, а при введении дробного значения, нет, как решить эту проблему???


Ответы (1 шт):

Автор решения: Павел Ериков

parseInt, эта функция может принимать дробное число в виде строки и возвращает спарсенное целое число без дробной части.

Например var decimal = parseInt("15.99"); вернет 15, а в вашем случае эта функция принимает дробное число < 1, и что логично возвращает 0.

Чтобы ваш объект менял свою позицию, нужно значение myRange парсить в вещественное число, например функцией parseFloat.

rootar1.position.x = parseFloat($('myRange').value);
→ Ссылка