Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.11.2020, 17:19
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

input range value Ничего не понимаю!
Совсем простая штука
<!DOCTYPE html>
<html>
<body>

<input type="range" id="rng" style="width:300px;">
<br>
<button onclick="setrange()">Set 0.75</button>

<script>
let rng = document.getElementById("rng")
rng.min = "0";
rng.max = "1";
rng.value = "0.3";
rng.step = "0.1";

console.log('before', rng.value, rng.min, rng.max, rng.step) //before 0 0 1 0.1

const setrange =() =>{
	rng.value = "0.75";
	console.log('after',rng.value, rng.min, rng.max, rng.step) // after 0.8 0 1 0.1
}
</script>

</body>
</html>


Почему при начальной установки value = "0.3", значение получается 0 !?
Хотя потом value = "0.75" дает 0.8 (ну это потому, что step=0.1)


Вопрос снимается. Дошло!
Сначала надо step установить.

Последний раз редактировалось voraa, 08.11.2020 в 17:40.
Ответить с цитированием
  #2 (permalink)  
Старый 08.11.2020, 18:00
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

voraa,
а зачем rng.min = "0"; и т.д. в кавычках?
Ответить с цитированием
  #3 (permalink)  
Старый 08.11.2020, 18:29
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

Сообщение от laimas
а зачем rng.min = "0"; и т.д. в кавычках?
Да просто долго мучился, устанавливал по всякому.
Нелогично это step = 1 по умолчанию. Логичнее было бы step = 'any'. Ну не установил, значит с любым шагом, тем более, что для range значения все равно не точные.
Тут еще нарвался.

Везде написано, что input.value имеет тип DOMString
Ага! Как же.
Для input type=number устанавливаю
value='10.' - сбрасывает value в пустую строку.
value=10. - проходит.

Последний раз редактировалось voraa, 08.11.2020 в 18:34.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
input radio и input text tart Элементы интерфейса 4 26.01.2015 19:14
Нужно связать input и ползунок jQuery Slider / jQuery ui IffeR jQuery 4 16.08.2014 18:01
Изменение множества элементов Input по определённом призна Лавсановые Волокна Элементы интерфейса 1 24.12.2010 10:37
Динамическая форма! INPUT c зависимым INPUT shleify Общие вопросы Javascript 5 02.12.2010 22:18
Помогите ничего не понимаю Nata Общие вопросы Javascript 1 23.07.2009 16:24