How to quickly write a range slider?

Question

JavaScript

I need to write a range slider in pure javascript. Like this
Wrote in a hurry partially took the code from here https://www.w3schools.com/howto/howto_js_draggable.asp
But something didn’t work out right away.
1) Clicks don't work.
2) is not draggable in mobile versions.
3) Minor but labor-intensive shortcomings of the type, when the mouse pointer goes beyond the borders, the capture of the circle is lost, a trifle but not beautiful.
Who can suggest some kind of isolated small plug-in without extraneous libraries, so that you can make this control qualitatively?

Answer 1

We take input type='range' and style it. Will it go?

Answer 2

first line in google?
msbrime.github.io/RangeSlider