Search code examples
javascriptlogarithminput-type-range

javascript - logaritmic scale in a slider

I've searched here and there are a few similar questions but none really suit my needs.

I need to change the default slider behavior so that it allows a scale to be between 1 and 24 (day) with these values as possible values:

1 2 3 4 5 6 9 12 18 24

I don't even know where to start with this. Any help would really be appreciated as I am not really good at math and I don't know what formula I can use to achieve this.

Thanks a lot

Solution

  • Try 

    let values = [1, 2, 3, 4, 5, 6, 9, 12, 18, 24];

let change = (e) => {
  document.querySelector('div').innerText = 'day: '+values[e.target.value];
}
    <input type="range" min="0" max="9" step="1" oninput="change(event)" value=0>
<div>day: 1</div>