Могу ли я установить два разных значения для элемента, используя getElementById?

в моей стороне я сделал это только в Javascript и добавил событие onchange.

Я также добавил значение = 0 в диапазон, чтобы он начинался с начала.

<div>
<input id="slider" type="range" min="0" max="200" value="0"/>
<input id="box" type="text" value="0"/>
</div>

var slider = document.getElementById('slider');
var box = document.getElementById("box");

slider.onchange = function(){
    box.value = slider.value;
}

И добавьте это, если вы хотите заставить его работать с обеих сторон

box.onkeyup = function(){
      slider.value = box.value;      
} ​