JSFiddle - React, Tailwind, and code Playground

HTML

<input id="slider" name="slider" type="range" value="-1" min="-1" max="30" step="1" />

JavaScript

$("#slider").on('mousedown', function(event) {
    //event.preventDefault();
    /* Act on the event */
    console.log("mousedown", this.value);
});
 $("#slider").on('mouseup', function(event) {
    //event.preventDefault();
    /* Act on the event */
    console.log("mouseup", this.value);
});