Как подружить input(text/tel/number) с input(range) «rangeslider.js»?

Question

[Shakhrom Mukumov]

Всем привет. Делаю простой калькулятор с ползунком (input=range) для изменения значений. Связал input=range с input=text, сейчас при изменении положении ползунка, меняется значение input=text.

А вот наоборот, сделать не получается, при вводе/удалении символов в input=text ползунок хаотично прыгает и не дает ввести своё значение.

Ссылка на CodePen
Ссылка на сайт где хочу применить

Событие использую on.('input')

Буду признателен за помощь, может у кого уже был опыт, может другой плагин использовать :)

Comments

[FeST1VaL]

Ну а если поставить на change?

[Shakhrom Mukumov]

Артем Будин, не подходит, т.к. должен выйти из фокуса чтобы были изменения

[Shakhrom Mukumov]

Артем Будин, Вот что я хочу получить: ссылка

Answer 1

[Absolute138]

триггируйте ивент 'change' на $rangeslider

$amount.on('input', function() {
  if($(this).val() < 500000){
    // $(this).val(500000)
    $rangeslider.val(500000);
  }else if($(this).val() > 100000000){
    $rangeslider.val(100000000);
  }else{
    $rangeslider.val(this.value).change();    
  }
  $rangeslider.change();
});