[zharinov]

Добрый день.

За основу ползунков взят http://abpetkov.github.io/powerange/

Вывел 3 ползунка - они работают, тут всё ок.

Мне нужно вывести результат скажем: значение 1-го ползунка умноженное на значение второго.

Для этого я объявил переменную cl, перемножил данные и вывел на экран. <span id="clientov"></span>

cl = clbk.value*clbk2.value;
document.getElementById('clientov').innerHTML = cl;


При регулировке ползунков никакой реакции нет ) Пробовал запихнуть в функцию второго ползунка. Как результат идёт расчёт, когда использую второй ползунок ))

Только знакомлюсь с js и не знаю, как сделать проверку каждого ползунка на то, были ли изменены значения. Я очень надеюсь, что более менее понятно выразился.

<script type="text/javascript">
    // первый
    var clbk = document.querySelector('.js-callback');
    var initClbk = new Powerange(clbk, { callback: displayValue, start: 405000, max: 500000 });

    function displayValue() {
      document.getElementById('js-display-callback').innerHTML = clbk.value;
	  
	     }
	
	//второй
	var clbk2 = document.querySelector('.js-callback2');
    var initClbk2 = new Powerange(clbk2, { callback: displayValue2, start: 17, max: 30, step: 1 });

    function displayValue2() {
      document.getElementById('js-display-callback2').innerHTML = clbk2.value;

 cl = clbk.value*clbk2.value;
	  document.getElementById('clientov').innerHTML = cl;

	 
}
	//третий	
    var clbk3 = document.querySelector('.js-callback3');
    var initClbk3 = new Powerange(clbk3, { callback: displayValue3, start: 3650, max: 5000 });

    function displayValue3() {
      document.getElementById('js-display-callback3').innerHTML = clbk3.value;
	 

	
}