<!-- required files --> <link href="../assets/plugins/abpetkov-powerange/dist/powerange.min.css" rel="stylesheet" /> <script src="../assets/plugins/abpetkov-powerange/dist/powerange.min.js"></script> <!-- html --> <div class="powerange-wrapper"> <input type="text" id="powerange-default" /> </div> <!-- script --> <script> var elm = document.getElementById('powerange-default'); var powerange = new Powerange(this, { disable: false, disableOpacity: 0.5, decimal: false, hideRange: false, klass: '', min: 0, max: 100, start: 70, step: null, vertical: false }); elm.value; // get value </script>