需要代码 html5 滑块，显示值作为计算

Question

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

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

比如滑块的值会显示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)"

这样一来，您将始终发送双倍的价值。

需要代码 html5 滑块，显示值作为计算

Need code html5 slider, display value as calculation

html

javascript

css

jquery

slider