Переменная справка 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):

Pwtadz0

Я не уверен, что полностью понимаю вопрос, но, возможно, это поможет:
http://jsfiddle.net/7gpdX/16/

Похожие темы	Дата
Помогите с лого для сайта	19.12.2024, 05:12
С чего начать в дизайне?	19.12.2024, 05:12
Отображение шахматных символов сянци	19.12.2024, 05:12
Многоязычный сайт в справке WordPress	19.12.2024, 05:12
помогите добавить ссылку html в список	19.12.2024, 05:12
Откуда такая ненависть к новичкам HTML/CSS?	19.12.2024, 05:12
Floats, Flexbox или CSS Grid в 2018 году для кросс-браузерной совместимости...	19.12.2024, 05:12
Спорадическое позиционирование div с помощью Jquery + Isotrope	19.12.2024, 05:12
Раздел отправки сообщений в стиле форума — веб-сайт WordPress	19.12.2024, 05:12
проблема с раскрывающимся списком MYSQLi	19.12.2024, 05:12

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

Igorz1978

Derengovsky

Pwtadz0

I AM

Интересно