Как с помощью type="range" изменить значение переменной в js?

Question

[Андрей]

Как с помощью type="range" изменить значение переменной в js?
Почитал, попробовал, вот что написал, естественно это не работает.
Нид хелп.

<input type="range" min="0" max="100" value="50" id="transferX" oninput="plot()">

var transferXRange = document.getElementById('transferX');
var transferX = transferXRange.value;

Answer 1

[Андрей]

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

Answer 2

[Антон Неверов]

Так же как и с обычным инпутом: https://jsfiddle.net/girlie_mac/GKY2A/

Comments

[Андрей]

Никогда этого не делал(

[Антон Неверов]

Реализуйте просто точно так же, как на примере.

[Андрей]

Антон Неверов, Спасибо.

[Андрей]

А как реализовать вызов функции при изменении значения "range"?
Например когда я двигаю ползунок "range", в script.js изменяется значение переменной x, и вызывается функция plot(x, y, z);
Надеюсь понятно объяснил.

[Антон Неверов]

Объявляете переменную выше функции onChagne. И дальше внутри onChange присваиваете нужные данные.

[Андрей]

Антон Неверов, Есть пример? Ничерта не получается.

[Антон Неверов]