<input type="text" class="js-range-slider" name="my_range" value="" />

<button>click</button>

















$(".js-range-slider").ionRangeSlider({
  min: 0,
  max: 100,
  from: 10,
});
let my_range = $(".js-range-slider").data("ionRangeSlider");

let button = document.querySelector('button');
button.addEventListener('click', function() {
  my_range.update({
        from: 50
    });
})

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/css/ion.rangeSlider.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js