oninput событие в машинописи

Question

Работая со слайдером, я пытаюсь поймать, когда пользователь изменяет значение слайдера, чтобы отобразить его, после этого: https://www.w3schools.com/howto/howto_js_rangeslider.asp

Но этот код не работает с наберите так, на данный момент у меня есть следующий код:

 var slider = (<HTMLInputElement>document.getElementById("myRange")).value;
    var output =  document.getElementById("demo");
    output.innerHTML = slider

Чтобы поймать событие, я попытался:

const onChange = output.innerHTML = slider;

Но значение не меняется, вы знаете, что такое событие oninput в машинописи?

Answer 1

Чтобы отловить изменения, вы должны использовать метод oninput объекта-слайдера, например:

slider.oninput = e => {
    output.innerHTML = e.target.value;
};

Найдите работающее перо в соответствии с примером сайта w3s здесь