JSFiddle - React, Tailwind, and code Playground

HTML

<input type="range" min="0" value="50" max="100"/>

JavaScript

var $i = $('input[type="range"]');

//listen for any changes being made to our input element
$i.on("DOMSubtreeModified", function() {
    alert('changed');
});

//$i.removeAttr('max');                 //if we clear the attribute and then reset it, we get a different result
$i.attr('max', '200');                //set the attribute using jQuery
//$i[0].setAttribute('max', '200');     //set the attribute the old-fashioned way

//$i.attr('name', "hello");           //set a different attribute

// hack to redraw thumb position
//$i.val(0);$i.val(50);