title: How can user trigger links (Slide the ball and mouse up to open that range link) without clicking the button 'Take me to my ideal object!'?
body: <p>How can user trigger links without clicking the button 'Take me to my ideal object!' or how can user open a link on slider value change or on mouseup ?
  Basically user Slide the ball and mouse up to open that range link.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// Setting custom points to slider
  var values = [0, 1000,2000,4000,10000];
  
  var input = document.getElementById('tierslider'),
      output = document.getElementById('tierslider2');
      
  input.oninput = function(){
      output.innerHTML = values[this.value];
  };
  
  input.oninput();
  
  // Redirect 
  function redirectToLinks(elem){
    window.location.href = elem.dataset.baselink + values[input.value];
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id='slidecontainer'&gt;
        &lt;form&gt;
            &lt;span&gt;500&lt;/span&gt;
            &lt;input type='range' min='0' max='4' value="0" step="1" id='tierslider'&gt;
            &lt;span&gt;10000&lt;/span&gt;
            &lt;span id='tierslider2'&gt;&lt;/span&gt;
        &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;a href='#' data-baselink='http://www.example.com/page?param=' id='DisplaySliderResult' onclick="redirectToLinks(this)"&gt;Take me to my ideal object!&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>