Использование события oninput на один элемент два раза

Question

Как к одному элементу применить одинаковое событие два раза, но используя разные обращения

const RANGE = document.querySelector('.range');
RANGE.oninput = () => {
    line.style.width = RANGE.value;
}    
num.oninput = () => {
    p.innerHTML = num.value;
}

<input type="range" value="0" min="0" max="100" id="num" class="range" style="margin: 0">
<p id="p"></p>
<div id="line" style="width:0px; height:5px; background-color: #000"></div>

Answer 1

const RANGE = document.querySelector('.range');
RANGE.addEventListener("input", () => {
  line.style.width = RANGE.value + "px";
});
num.addEventListener("input", () => {
  p.innerHTML = num.value;
});

<input type="range" value="0" min="0" max="100" id="num" class="range" style="margin: 0">
<p id="p">Test</p>
<div id="line" style="width:0px; height:5px; background-color: #000"></div>

БЛОГ НА HUSL

Использование события oninput на один элемент два раза

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