可变输出-Html5范围滑块

我想让范围滑块进行不同的计算。例如，当我将滑块拖动到50时，其计算值为

（0.10*this.value），拖动到100时，它需要是（0.08*this.value），200到（0.07*this.value）

，等等。这可能吗

<input type="range" name="grade" orient="vertical min="0" max="1000" value="0" step="50" onchange="showValue(0.10*this.value) ">
    <p><span id="range">0</span>
    x 10 kg Bags of ice suggested</p>
    <script type="text/javascript">
    function showValue(newValue)
    {
        Math.round(7.000000000000001)
        document.getElementById("range").innerHTML=Math.round(newValue);
    }
    </script>

---

也许我做错了什么，但它不能正常工作。我现在得到的代码是，我的意思是，你应该用我的函数替换你的函数，并在其中完成你的工作。下面是我的工作解决方案，链接：。说明：Chrome/Firefox在处理onchange on inputs类型范围时遇到问题，因此您必须使用
oninput
，并且您还必须在交换机上添加一个默认大小写（您可以做任何您想做的事情），我在这一部分有问题，希望能有所帮助！
<input type="range" name="grade" orient="vertical min="0" max="1000" value="0" step="50" onchange="showValue(this.value) ">

function showValue(_value) {
  switch(value) {
    case 100:
      //DO STG
      break;
 }
}