Javascript 涉及滑块的奇怪bug_Javascript_Html_Slider

Javascript 涉及滑块的奇怪bug

javascript html

Javascript 涉及滑块的奇怪bug,javascript,html,slider,Javascript,Html,Slider,我很难修复一个奇怪的错误。“500+b+（500-b）/n”不会返回它应该返回的值。以下是我的代码摘录： var n=10；功能路线（b）{ document.getElementById（'txt'）。innerHTML=500+b+（500-b）/n； document.getElementById（'txt2'）。innerHTML=500-b-（500-b）/n； } document.getElementById（“b”）.oninput=function（）{ 路由（此.va

我很难修复一个奇怪的错误。“500+b+（500-b）/n”不会返回它应该返回的值。以下是我的代码摘录：




var n=10；
功能路线（b）{
document.getElementById（'txt'）。innerHTML=500+b+（500-b）/n；
document.getElementById（'txt2'）。innerHTML=500-b-（500-b）/n；
}
document.getElementById（“b”）.oninput=function（）{
路由（此.value）
}

b”的值是一个字符串。使用parseInt（）将其转换为整数

比如说：

var n=10；
功能路线（b）{
document.getElementById（'txt'）.innerHTML=500+b+（500-b）/n；
document.getElementById（'txt2'）。innerHTML=500-b-（500-b）/n；
}
document.getElementById（“b”）.oninput=function（）{
路由（parseInt（this.value））
}

哦，我以为范围输入会自动成为整数。谢谢你的帮助！

<html>
   <head> 
   </head>

   <body >
    <p id="txt"></p>
    <p id="txt2"></p>

    <div class="""slidecontainer">
      <input type="range" min="0" max="100" value="50" id="b">
    </div>

        <script>
        var n = 10;
        function route(b){
            document.getElementById('txt').innerHTML = 500+b+(500-b)/n;
            document.getElementById('txt2').innerHTML = 500-b-(500-b)/n;
        }

        document.getElementById("b").oninput = function() {
            route(this.value)
        }
        </script>
   </body>
</html>