Задать вопрос
mediol-name
@mediol-name
Wordpress Developer

Как заставить работать два одинаковых ползунка на одной странице?

Догадываюсь, что у меня супер легкий вопрос, но все же, не нагуглил ответ.

Есть на странице два ползунка. Как заставить работать оба? Когда двигаю первый, то его значение меняется, а вот при движении второго - значение на месте.

Код предоставил:
  • Вопрос задан
  • 63 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
@AndrewRusinas
У вас на странице несколько элементов с одинаковым ID. С помощью getElementById() берется первый попавшийся. В вашем случае только первый sum_text и первый sum. Слушатель, следовательно, вешается только на него и меняется текст только в первом sum_text.
Выход - использовать метод, который возвращает коллекцию узлов, например, querySelectorAll, циклом повесить слушатель на каждый input, а с помощью уникального ID у узлов с текстом назначать нужный текст нужному блоку.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы