HTML, suwak - wartości

Question

Witam, 

Chciałbym zapytać, czy można utworzyć prosty slide range, który będzie wyświetlał wartości (względem położenia suwaka)?

Nie zależy mi na tym, aby był to jakiś profesjonalny suwak z połączeniem js etc.

Zależy mi tylko na wyświetlaniu wartości.

Czy HTML && CSS coś takiego oferują?

Mam coś takiego [tylko :(  ]

<input type="range" name="nasycenie" min="0" max="100" step="5" value="50"> 

 

 

Comments

Na W3S jest to dość fajnie opisane:

https://www.w3schools.com/howto/howto_js_rangeslider.asp

Answer 1

Bez JS się nie obejdzie, jeżeli chcesz wyświetlać dynamicznie wartość suwaka.

Musisz nasłuchiwać zdarzenia input na suwaku i aktualizować wartość w jakimś elemencie np. span na stronie.

Tutaj przykład z długością tekstu wystarczy dostosować do suwaka