HTML Slider mit vordefinierten Sprüngen

Question

Ich habe 2 Input Range Elemente

    <div class="controls">
        <label for="range-slider">Zeitraum (Tage): <span id="range-value">90</span></label>
        <input type="range" id="range-slider" min="30" max="3650" value="90">
        <button id="refresh-btn">Chart aktualisieren</button>
    </div>

Wie kann ich machen dass man den Slider für den Zeitraum immer nur um 30 Tage erhöhen bzw verkleinern kann? Wenn man den Slider verschiebt soll zuerst 30, dann 60, dann 90, etc kommen und nicht 1, 2, 3, 4...

Answer 1

Mit dem Parameter step.

<input type="range" id="range-slider" min="30" max="3650" value="90" step="30">