1

Тема: подвійний range слайдер

Усім привіт, підкажіть як зробити ось такий подвійний слайдер мін-макс на ванільному JS (без jQuery, React, Vue і тд)

https://i.ibb.co/M70hpk2/price-slider.jpg

При перетягуванні повзунків мають мінятись значення в input, повзунки не повинні заїжджати один на одного, або переїжджати один одного або штовхати дальше інший.

Перегуглив багто статтів але окрім багових варіантів нічого толкового так і не знайшов.

Можете поділитись уже готовим рішенням хто уже раніше з таким стикався і залишив собі в якості модуля, буду безмірно вдячним.

2

Re: подвійний range слайдер

Так робити це в окремому діві за допомогою css та js.
Тіко не зрозуміло до чого тут слайдер  *SCRATCH*

3

Re: подвійний range слайдер

Droid 77 написав:

Так робити це в окремому діві за допомогою css та js.
Тіко не зрозуміло до чого тут слайдер  *SCRATCH*

Я чесно кажучи не розумію яким чином це можна зробити, деякі варіанти з інтернету мають 20 рядків коду а деякі 2к рядків...

Слайдер тут до того що назва double range slider.

Я думав що HTML5 мав таку фічу за замовчуванням, але я помилився, і там ліплять з двох один але що і як я без поняття, в розетці взагалі на кнопках якось зроблено, типу кнопки то повзунки