Bereich Schieberegler Änderung Geben [Objekt Objekt] Fehler

Question

Wollen Sie den Wert eines Bereichs Schieberegler neben dem Schieberegler angezeigt werden. Auf der Seite roadtripsharing.com/map-it gibt es einen [object Object] Fehler, aber wenn ich html und script ausschneiden und in ein Snippet (unten) einfügen, scheint es überhaupt nicht zu funktionieren, und es wird ein 'Unerwartetes Ende von Eingabe Fehler.'

Was mache ich falsch und wie repariere ich es?

<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

Eigentlich brauchen Sie jQuery/JS nicht. Umgeben Sie einfach <input> und <output> mit einem <form> Element.

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