Получение данных из type range javascript
Получение данных из type range javascript
- Получение данный из range в javascript
- Скрипт в сборе получение данный из range в javascript
- Скачать можно здесь
Получение данный из range в javascript
Для того, чтобы собрать наш показательный стенд, нам понадобится:
Тег - input
Добавим id, чтобы можно было обратиться к тегу.
Поставим value на отметку 50 - половину от максимального, чтобы ползунок стоял ровно на половине.
Добавим min="0" - минимальное значение - позиция слева.
max="100" - максимальное значение позиция справа.
step="1" - шаг при движении
Добавим oninput - с функцией внутри.
Основной ползунок собрали!
Соберем куда будем передавать полученные данные :
Соберем код для сбора и передачи данных
Куда отправляем - send_result.innerHTML - innerHTML
Что отправляем - id_range.value - value в js
Соберем вместе:
<script>
function fun() {
send_result.innerHTML=id_range.value;
}
</script>
Скрипт в сборе получение данный из range в javascript
Соберем весь код получение данный из range в javascript вместе!Заметьте - казалось бы, какой простой код, и сколько пунктов нам нужно было пройти, чтобы собрать его!
<input type="range" min="0" max="100" step="1" value="50" id="id_range" oninput="fun()">
<div id="send_result">50</div>
<script>
function fun() {
send_result.innerHTML=id_range.value;
}
</script>

подробнее.
подробнее.