JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dialog" title="Contact form">
   <input 
     type="range" 
     min="1" 
     max="100" 
     step='1'
     value="50" 
     class="slider" 
     id="myRange" 
     onchange="test()">
   <input 
     id="form" 
     value=test()>
</div>

JavaScript

function test()  {
	document.getElementById('form').value = document.getElementById('myRange').value;
}