<form action="" method="post">
    <div class="form_control">
        <label for="bewertung">Bewerten Sie den Kurs in einer Skala von 0 bis 100</label><br>
        <input type="range" min="0" max="100" step="1" value="0" id="bewertung" name="bewertung" style="width: 200px;">
        <output for="bewertung" id="value_output" style="background-color:#1e0fee; color:#fff;padding:8px 15px;margin:5px;border-radius:10px;">25</output>
    </div>
</form> 
</div>
<script>
    const slider = document.getElementById("bewertung");
    const output = document.getElementById("value_output");
        
    output.textContent = slider.value;
    slider.addEventListener("input", (event) => {
        output.textContent = event.target.value;
    })
</script>