Как получить значение input type=“range”

#javascript #html #input #range

Есть у меня :


    



У которого я двигаю бегунок. Как мне  получить значение, текущего положения бегунка?
    

Ответы

Ответ 1

document.getElementById("myrange").addEventListener("change", function() {
  console.log(this.value);
});



Ответ 2

Если использовать jQuery:



$('.result').html($('input[type="range"]').val());

$(document).on('input change', 'input[type="range"]', function() {
  $('.result').html($(this).val());
});
.result {
  height: 30px;
  border:1px solid;
  margin: 2rem 0;
  width: 100px;
}