Странная ошибка с участием ползунков - PullRequest
Новая
       4

Странная ошибка с участием ползунков

0 голосов
/ 19 мая 2018

У меня проблемы с исправлением странной ошибки.«500 + b + (500-b) / n» не возвращает того, что должно вернуть.Вот выдержка из моего кода: https://jsfiddle.net/st7bdp8z/1/

<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>

1 Ответ

0 голосов
/ 19 мая 2018

Значение «b» является строкой.Преобразуйте его в целое число, используя parseInt ();

Так что-то вроде этого: 

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(parseInt(this.value))
}
<div class="slidecontainer">
  <input type="range" min="0" max="100" value="50" id="b">
</div>
<p id="txt"></p>
<p id="txt2"></p>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...