javascript - 需要代码html5 slider ，显示值作为计算

Question

我想在 slider 旁边的文本框中显示 html5 slider 值。

例如，我面临的问题是我希望 slider 的值乘以 2。

比如 slider 的值会显示50，但是文本框中的值会显示100。我对此很陌生，找了好几天都没有找到解决办法。

任何解决此问题的想法将不胜感激。

当前代码:

<input type="range" name="grade" orient="vertical min="0" max="1000" value="0" 
  step="50" onchange="showValue(this.value)" style="width: 20px; height: 400px; 
   -webkit-appearance: slider-vertical; writing-mode: bt-lr;">
  <span id="range">0</span>
  People
  <script type="text/javascript">
    function showValue(newValue) {
        document.getElementById("range").innerHTML = newValue;
    }
 </script>

Answer 1

I want the value of the slider multiplied by 2

可以替换

onchange="showValue(this.value)"

与

onchange="showValue(2*this.value)"

这样您将始终发送双倍的值(value)。