[オブジェクトオブジェクト]エラーが発生する範囲スライダの変更

Question

スライダの横に表示する範囲スライダの値を指定します。 roadtripsharing.com/map-itのページでは、[オブジェクトオブジェクト]エラーが発生しますが、htmlやスクリプトをカットしてスニペットに貼り付けた場合（下）、まったく動作しないように見えます。入力エラー。

私は間違っていますが、どうすれば修正できますか？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="range" min="0" max="100" value="33" id="rtsfader" style="display:inline-block">&nbsp;<output for="rtsfader" id="rtsmileage">33</output>&nbsp; miles 
 
<script type="text/javascript"> 
 
function rtsoutputUpdate(vol) { 
 
\t document.querySelector('#rtsmileage').value = vol; 
 
    console.log(vol); 
 
} 
 
</script>

Answer 1

実は、あなたはjQueryの/ JSを必要としません。 <input>と<output>を<form>要素で囲むだけです。 `rtsoutputUpdate（）`関数が呼び出されている方法

<form oninput="rtsmileage.value = rtsfader.value"> 
 
     <input type="range" min="0" max="100" value="33" id="rtsfader" style="display:inline-block">&nbsp;<output for="rtsfader" id="rtsmileage">33</output>&nbsp; miles 
 
<form>