Question

Okay so I am trying to use range for input type

Times: <input type="range" name ="times"><br>

But I want the value to be printed next to it, how can I do this?

Like

——-*– 7

*——— 1

Answer 1

attach to it onChange event
and in the event handler function you can select the value of the
and write it as innerHtml to a span beside the controller

<input id="mine" type="range" min="-100" max="100" value="0" step="10" onChange="change();"> <span id="result"></span>

<script>
var result = document.getElementById("result");
var mine = document.getElementById("mine");
function change(){
    result.innerText = mine.value;
}
</script>