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"></span></b></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);
$.ajax({
  method: "POST",
  url: "https://kckm.compoter.de/test.php?slide="+slider.value
})
  .done(function( msg ) {
    $("#output").val(msg);
  });  
  
}
</script>