input type range html code example

Example 1: html make range bar show value

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

Example 2: can't modify range value js

<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>

Example 3: html make range bar show value

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