Как правильно написать скрипт для ползунка на нативном JS?
с использованием range html5 
Стандартный ползунок https://jsfiddle.net/joomla/zc9h4ftx/2/
Со своими стилями https://jsfiddle.net/joomla/zc9h4ftx/1/
Начните с изучения существующих плагинов:
- Простейший: rangeslider.js.org
Продвинутые плагины:
- ionden.com/a/plugins/ion.rangeSlider
- refreshless.com/nouislider
- ghusse.github.io/jQRangeSlider