javascript - 如何获取输入框上的范围输入值？

Question

我正在使用 js 从范围 slider 获取值。现在我想在输入框中显示它。

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

slider.oninput = function() {
  output.innerHTML = this.value;
}

 <input type="range" min="1" max="10"  name="ans" class="slider" id="myRange">
 value:<p><span id="demo"></p>
 

需要在输入框中显示的值

Answer 1

你只需要做一些小的改变。

var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
var inputItem = document.getElementById("outputPounds");
output.innerHTML = slider.value;
weightConverter(slider.value);
slider.oninput = function() {
  output.innerHTML = this.value;
  weightConverter(slider.value);
}

function weightConverter(valNum) {
  inputItem.value=valNum*2.2046;
}

<input type="range" min="1" max="200" name="ans" class="slider" 
 id="myRange">

 <p class="agecls">Weight:<span id="demo" style="text-decoration:underline" 
 oninput="weightConverter(this.value)" 
 onchange="weightConverter(this.value)"></span></p>

 <p>Pounds: <input type="text" value="0" id="outputPounds"></p>