Check out example codes for "slider bar with value". It will help you in understanding the concepts better.

Code Example 1

<input type="range" min="1" max="1000" value="1000" id="slidebar">
<p id="the_value"></p>

Code Example 2

function updateTextInput(val) {
          document.getElementById('textInput').value=val; 
        }

Code Example 3

<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">

Learn ReactJs, React Native from akashmittal.com