Как с помощью type="range" при каждом изменении value вызывать функцию с переменной = value?

Question

[Андрей]

Как с помощью type="range" при каждом изменении value вызывать функцию с переменной = value?
Есть ползунок (range) который я изменяю, значение передается в переменную и вызывается функция в параметре которой эта измененная переменная.

Пожалуйста попроще что то, я JS не знаю от слова "Вообще".
Спасибо.

Answer 1

[Андрей]

Все решил, нужно было просто перевести строку в число!

Answer 2

[Alixx]

<input id="my_input" type="range" value="0" max="100" min="0">

var inp_value; // Здесь храните значение range
// Ваша функция для действий со значением из range
function my_function(value) {
   // что-то делаете с полученным значением
}
// Вешаете обработчик события mousemove на range
document.querySelector("#my_input").addEventListener("mousemove", function() {
    inp_value  = this.value; // Сохраняете изменённое значение 
});
my_function(inp_value); // Собственно, вызываете ф-ю со значением range

Comments

[Андрей]

Вот посмотри в самом низу реализация по твоему примеру. Но не работает(
График должен по OX двигаться, когда ползунок двигаешь.