Как менять ширину блока при перемещении ползунка?

Question

[Василий]

Есть ползунок:

<input type="range" min="250" max="950" step="10" value class="count">

И есть блок:

<div class="game_iframe"></div>

Была вот такая попытка менять ширину блока при перемещении ползунка:

$( '.count' ).change( function() {
        $( '.game_iframe' ).width( $(this).val() );
});

Ширина меняется когда мы потянули ползунок и отпустили его.

Как сделать чтобы ширина динамически менялась пока мы тянем ползунок?

Answer 1

[0xD34F]

$('.count').on('input', e => $('.game_iframe').width(e.target.value));

или

document.querySelector('.count').addEventListener('input', function() {
  document.querySelector('.game_iframe').style.width = `${this.value}px`;
});

Comments

[Василий]

Спасибо огромное! Работает как надо!)