<input type="mathematik">

[Gunnar Bittersmann]

@@dedlfix

Gegeben sei ein Input-Element vom Typ range, also ein Slider. Der soll sich so verhalten, dass in der Mitte der Wert 1 liegt

1 = 10⁰

Maximalwert soll 100 sein

100 = 10²

und Minimalwert 0.01.

0.01 = 10⁻²

Aber so einfach ist es ja nicht. So ein Range-Input arbeitet linear

wie z.B. von −2 bis 2, wobei 0 in der Mitte ist.

Wenn du den Wert des Sliders als Exponent zur Basis 10 nimmst, deckst du den gewünschten Bereich von 0.01 bis 100 ab, mit 1 in der Mitte.

☞ Codepen

LLAP 🖖