javascript - 如何在更改文本输入时更新 html5 范围？

Question

我有一个 html5 范围输入和一个文本框输入。当范围发生变化时，文本框将得到更新。但是我应该怎么做才能在文本框中输入数字时更新范围输入？

这是我当前的代码:

<div>
<input id="slider" type="range" min="0" max="200" />
<input id="box" type="text" value="0"/>
</div>

<script>
var slider = document.getElementById('slider');
$('#box').change(function(){slider.value=parseInt(this.value)});
</script>

当我编辑我的文本框时，我的 slider (范围输入)没有改变。我究竟做错了什么？难道我不应该使用 slider.value 来更新 slider 吗？如果这是原因，那么正确的做法是什么？

Answer 1

嘿大家那些不知道的人，我们不需要任何 js 或 jquery

<form>
  <div>
    <input id="rangeInput" type="range" min="0" max="200" oninput="amount.value=rangeInput.value" />
    <input id="amount" type="number" value="100" min="0" max="200" oninput="rangeInput.value=amount.value" />
  </div>
</form>