Range Silder

Fix Step Rang Slider

by Lalji Tadhani

HTML

<input id="input" type="range" min="0" value="0" max="7" step="1">
<div id="output"></div>

JavaScript

var values = [1,50,100,150,200,800,900,1000];

var input = document.getElementById('input'),
   output = document.getElementById('output');
input.oninput = function(){
    output.innerHTML = values[this.value];
};
input.oninput();