Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.05.2017, 06:37
Аспирант
Отправить личное сообщение для samdo Посмотреть профиль Найти все сообщения от samdo
 
Регистрация: 27.05.2017
Сообщений: 98

Калькулятор с ползунками
Приветствую!
Подскажите, плиз, по калькулятору:

<form onsubmit="return false" oninput="o.value = parseInt(a.value) * parseInt(b.value) * 1.12">
	<input type="range"  name="a" id="a" min="100" max="10000" step="100" onchange="document.getElementById('rangeValue').innerHTML = this.value;">
	<span id="rangeValue">100</span>
	<input type="range" name="b" id="b" min="1" max="12" step="1" onchange="document.getElementById('rangeValue2').innerHTML = this.value;">
	<span id="rangeValue2">3</span>
	<output name="o" for="a b">0</output>
</form>


Необходимо, чтобы при изменении значении второго ползунка (id="b"), значение 1.12, которое в первой строке в формуле, изменялось. Изменяться оно должно не на рандомное, а на заданное мной (например 2.1,2.3,2.5 и т.д.). Т.е. будет 12 вариантов этого значения, т.к. у inout id="b" установлено max="12".
Заранее благодарен, если кто-то поможет.
Ответить с цитированием
  #2 (permalink)  
Старый 27.05.2017, 08:09
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

например 2.1,2.3,2.5 и т.д.... значит step="0.2", а не 1. Можно сделать и выбор из списка.
Ответить с цитированием
  #3 (permalink)  
Старый 27.05.2017, 10:07
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

samdo,
лучше написать функцию и через addEventListener поставить обработчик.
но можно так
oninput="o.value = parseInt(a.value) * parseInt(b.value) * [2.1,2.3,2.5][parseInt(b.value)-1]"
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Калькулятор с 2мя ползунками fos jQuery 29 30.08.2016 21:15
Калькулятор услуг tarantino Javascript под браузер 1 30.07.2015 00:21
Не работает Калькулятор просчета отопления igor700 Общие вопросы Javascript 5 26.02.2014 16:18
Строительный калькулятор. dubrovski Общие вопросы Javascript 2 16.10.2013 08:50
Сделать калькулятор на сайт. asderru Работа 1 22.07.2010 13:46