JSFiddle - React, Tailwind, and code Playground

HTML

min<input type="range" id="slider" min="1" max="10" > max
<div id="output"> </div>

JavaScript

window.addEventListener("load", function(){
     var slider = document.getElementById("slider");
     slider.addEventListener("change", function(){
         document.getElementById("output").innerHTML = "value : " + this.value;
    });
});