Переменная справка HTML

[igorz1978]

Привет! Я не совсем свободно владею HTML, JS и CSS, но кое-что знаю.
Этот и еще несколько файлов JS создадут рабочий слайдер, как показано ниже.



Его значение по умолчанию — «50», как показано в значении. Мне было интересно, могу ли я использовать ползунок в качестве переменной. Таким образом, пользователь перемещает его и выбирает число, которое устанавливается в переменную. Тогда переменную я мог бы использовать в HTML.


<форма>
Слайдер:

 

[Derengovsky]

<form>
<label for="slider-1">Slider:</label>
<input type="range" name="slider-1" id="slider-1" min="0" max="100" value="50" onchange="updateVariable(this);">
</form>
<script type="text/javascript">
var value = 0;
function updateVariable(sender) { value = sender.value; console.log(value);
}
</script>

Code (markup):