const rangeable = new Rangeable(input, {
    type: "single",
    tooltips: "always",
    min: 0,
    max: 100,
    step: 1,
    value: 50,
    vertical: false,
    handle: undefined,
    handles: undefined,
    onInit: function() {
        // do something when the instance has loaded
    },
    onStart: function() {
        // do something on mousedown/touchstart
    },
    onChange: function() {
        // do something when the value changes
    },
    onEnd: function() {
        // do something on mouseup/touchend
    },
    classes: {
        input: "rangeable-input",
        container: "rangeable-container",
        vertical: "rangeable-vertical",
        progress: "rangeable-progress",
        handle: "rangeable-handle",
        tooltip: "rangeable-tooltip",
        track: "rangeable-track",
        multiple: "rangeable-multiple",
    }
});

const myRangeInput = document.getElementById('myRangeInput');
const rangeable = new Rangeable(myRangeInput);
 
// or
 
const rangeable = new Rangeable('#myRangeInput');