Как передать значение из конкретного input range в конкретный div

Question

let ranges = document.querySelectorAll('.range');
let results = document.querySelectorAll('.result_item');

ranges.forEach((el) => {
  el.addEventListener('input', () => {
    return el.value;
  });
});

Answer 1

ranges.forEach((el, index)=>{
    return results[index].textContent = el.value
})

Не знаю правильно ли тебя понял...

Answer 2

Пример

const ranges = document.querySelectorAll('.range');

ranges.forEach((el) => {
  el.addEventListener('input', () => {
    el.closest('.parent').querySelector('.result_item').textContent = el.value;
  })
})

.parent {
  margin-bottom: 1em;
}

<div class="parent">
  <input type="range" class="range" name="r" value="0">
  <div class="result_item">0</div>
</div>

<div class="parent">
  <input type="range" class="range" name="r" value="0">
  <div class="result_item">0</div>
</div>

БЛОГ НА HUSL

Как передать значение из конкретного input range в конкретный div

Ответы (2 шт):