jQuery addClass example

Change class name on click in jQuery

by Sajeetharan Sinnathurai

HTML

<label class="input-label">Max distance (KM)</label>
          <input
            id="distance-range"
            class="distance-range"
            type="range"
            min="0"
            max="1000"
            step="5"
            value="200"
            data-thumbwidth="20"
            data-role="none"
          />
          
          <div class="test"><p>The value is: <span></span></p></div>
           
          </h1>

JavaScript

$(document).on("input", "#distance-range", function() {
  $('.test span').text($(this).val());
});