javascript - логарифмическая шкала в слайдере

Question

Я искал здесь, и есть несколько похожих вопросов, но ни один из них действительно не соответствует моим потребностям.

Мне нужно изменить поведение ползунка по умолчанию так, чтобы масштаб допускал от 1 до 24 (день) с этими значениями в качестве возможных значений:

1 2 3 4 5 6 9 12 18 24

Я даже не знаю, с чего начать.Буду признателен за любую помощь, поскольку я не очень хорош в математике, и я не знаю, какую формулу я могу использовать для достижения этой цели.

Большое спасибо

Answer 1

Попробуйте

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>