Переписал код с ES5 на ES6
Брехня. Первое что видим, открыв оба варианта - const и шаблонную строку. То есть, у вас везде используются возможности ES6. Во втором варианте (это который якобы ES6) для сохранения контекста зачем-то применяется bind вместо arrow functions.
Теперь какие косяки были вами допущены:
- забыли подключить jquery
- в методе clickarea неправильно привязали контекст, в результате пытаетесь вызывать несуществующий метод
- в методе _setupDrag неправильно вешаете обработчик mousemove или в методе _finishDrag неправильно снимаете - в первом у вас addEventListener, во втором off
- в методе _updateTrackFill неправильно вычисляется новая позиция - должно быть this._length вместо length
Вот исправленный вариант.
