Как сделать так чтобы изменялись цифры синхронно со значением слайдера?

Question

[nikmil]

Добрый день, как видите в коде есть слайдер у него значения в % и при перетягивании полосочки значение сразу же изменяется, нежели чем с цифрами( $ и L).. Как сделать так чтобы цифры сразу же изменялись без отпускания кнопки слайдера, так же как изменяется значение в %?, https://codepen.io/milnik/pen/ewVEOJ
Заранее спасибо за помощь!

Answer 1

[Владимир Проскурин]

Надо слушать не onchange, а oninput

$('#inputslider').on('input', function () {
      var v = $(this).val();
      var dolar = $('#dollars');
      var litr = $('#litters');
      var input = v*3;
      var output = v*1;
      $('#dollars').html("$" + input);
      $('#litters').html(output + "l");
  });

но довольно странно, что вы используете вместе с angular библиотеку jQuery, хотя могли это сделать на Angular

Comments

[nikmil]

спасибо