JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

<input type="range" id="range" name="range" min="1" max="10" value="1" oninput="slide()">
<p>Wert <b><span id="wert"></b></span></p>
<br><br>
<input id="output">
</html>


<script>
function slide() {
  var slider=document.getElementById('range');
  var output=document.getElementById('wert');
  output.innerHTML=slider.value;
  $("#output").val(slider.value);
}
</script>