input type="range"

Question

Mam inputa type range, jak jak wypisać gdzieś obok reprezentację liczbową tego suwaka, która będzie się zmieniała wraz z przesuwaniem suwaka?

Answer 1

Musisz użyć do tego JS. Najpierw nadajesz id inputowi typu range:

<input type='range' id='range'>

Następnie pobierasz go dzięk funkcji getElementById

var range = document.getElementById('range');

Zmienna range posiada pole value, które reprezentuje wartość inputa:

range.value

Następnie jeżeli chcesz uzyskać efekt pokazywania widoku "na bierząco", musisz wypisywać gdzieś tą wartość na evencie oninput:

range.oninput = () => {
    setValue();
};

Tutaj masz przykładową implementację takie suwaczka:

https://codepen.io/Czeran/pen/PeEqJW?editors=1111