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

Ярослав Волошин

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

Похожие темы	Дата
кто-нить слышал о школе дизайна ArtFuture???	19.10.2024, 18:10
Как изменить шаблон и сделать более светлый фон?	19.10.2024, 18:10
Выбор названия категории для взрослых сводит меня с ума! помогите пожалуйста.	19.10.2024, 18:10
Странная проблема с CSS	19.10.2024, 18:10
Должен ли я сделать один запрос для всего веб-сайта или отдельные запросы, что лучше?	19.10.2024, 18:10
Elementor/Другие плагины для перетаскивания	19.10.2024, 18:10
В чем суть блоггерства?	19.10.2024, 18:10
Что я делаю не так с этим CSS?	19.10.2024, 18:10
Опыт Чоуноу/Grubhub?	19.10.2024, 18:10
Как узнать подробности подключения браузера к веб-сайту	19.10.2024, 18:10

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

igorz1978

Derengovsky

Ярослав Волошин

I AM

Интересно