Price Range Slider with Min-Max Input in HTML CSS & JavaScript

thank you

Thank's so much! 🙏

One edge case needs to be solved. If the user enters negative numbers, it overflows, so add '&& minVal >= 0' as well in the code. 👌

Phantastic!

The slider is moving when am dragging
But I need the click option that is when am click on the slider the point should come there. Can you please share the code !!!

Como se hace si quiero tener varios? no pueden compartir el js?

How do you deal with input validation? What if I make my min more than max?

Hello. I need to make just such a price slider, of course with my numbers, but I don't understand how the numbers in value are calculated??? I mean this <input type="range" class="range-min" min="0" max="10000" ((value="2500")) step="100">
<input type="range" class="range-max" min="0" max="10000" ((value="7500")) step="100">
</div>

I want to thank you from all of my Heart!!!

Thank you so much bro!

Loving this approach! It stays accessible by using real inputs instead of divs aswell.

where can we get the source code

thank you for the code Nepal :)

And slow down typing.

Nice project but thous project needs to add sound.

how to add comma separator for thousands on this

Tell me pls, how this use in Reactjs ????

Thank you for this awesome tutorial! I have a question: How can we start with min value greater then zero?

man tks alot

thanks very much it was very help full