Question

我想用HTML的Range滑块值更改JS（我正在使用D3）变量。

这是我正在使用的HTML代码（其中一部分）：（这一部分还可以，我知道它是如何工作的。）

<input type="range" id="elementNumber" min="10" max="100" onchange="changeElementNumber(this.value);" value="55">
          <span id="elementNumberValue"></span>

<script>
updateNumbers();

        function updateNumbers() {
          var elementNumber = document.getElementById("elementNumber").value;
          var speed = document.getElementById("speed").value;

          document.getElementById("elementNumberValue").textContent = elementNumber;
        }

        function changeElementNumber(elementNumber) {
          document.getElementById('elementNumberValue').value=elementNumber;
          updateNumbers();
       }

</script>

<script src="js/main.js"></script>

有这部分。所以我在做一些D3的地方创建了main.js。一开始我放了一些变量，因为定义了变量，所以一切都很好。

var count = 15,
      duration = 3000,
     /... and all other

但是，我不知道如何使用范围滑块和更改JS中的值。我该如何更改，例如，数据数量，速度等？

如何用HTML中的值更改JS变量？

0 个答案: