Фильтрация элементов

Здравствуйте. Представьте, что у меня есть элементы: 1, 2 и 3. Мне надо отфильтровать их при помощи ползунка. Ползунок принимает значения от 1 до 10. Когда ползунок показывает 3, надо чтоб элемент 1 стал синим, когда показывает на 8, элемент 1 стал красным, элемент 2 синим, когда показывает 10, то элементы 1 и 2 стают красными, а элемент 3 - синим.
Пожалуйста, скажите как реализовать это, или хотя бы как найти статью в интернете по этой теме.
И, если не сложно, скажите, как можно фильтровать данные элементы при прмощи чекбоксов, изменяя их цвет.
Спасибо)

JavaScript Вам в помощь :slight_smile:

1 лайк

Пока до песочницы у меня нет доступа - напишу логику.
Отслеживайте значение value Вашего ползунка и банально через if else or switch меняйте document.querySelector(“YourVar”).style.backgroundColor = “someColor”

1 лайк

https://jsfiddle.net/rwgr42qL/

По полочкам разложил

1 лайк

Спасибо вам огромнейшее! Вы не представляете, какно спасли меня) Ещё раз спасибо!!!

Всегда пожалуйста