Check out example codes for "display output of a slider in html". It will help you in understanding the concepts better.
Code Example 1
<form>
<div>
<input id="rangeInput" type="range" min="0" max="200" oninput="amount.value=rangeInput.value" />
<input id="amount" type="number" value="100" min="0" max="200" oninput="rangeInput.value=amount.value" />
</div>
</form>
Code Example 2
function updateTextInput(val) {
document.getElementById('textInput').value=val;
}
Code Example 3
<input type="range" id="rangeInput" name="rangeInput" min="0" max="20" value="0"
oninput="amount.value=rangeInput.value">
<output id="amount" name="amount" for="rangeInput">0</output>
Learn ReactJs, React Native from akashmittal.com