Калькулятор с ползунками
Приветствую!
Подскажите, плиз, по калькулятору: <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.1,2.3,2.5 и т.д.... значит step="0.2", а не 1. Можно сделать и выбор из списка.
|
samdo,
лучше написать функцию и через addEventListener поставить обработчик. но можно так oninput="o.value = parseInt(a.value) * parseInt(b.value) * [2.1,2.3,2.5][parseInt(b.value)-1]" |
Часовой пояс GMT +3, время: 14:12. |