Как показать значение рядом с типом ввода диапазона HTML5?

Question

Хорошо, поэтому я пытаюсь использовать диапазон для типа ввода

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

Но я хочу, чтобы значение печаталось рядом с ним, как я могу это сделать?

Как

------- * - 7

* --------- 1

Answer 1

прикрепить к нему событие onChange и в функции обработчика событий вы можете выбрать значение и записать его как innerHtml в диапазон рядом с контроллером

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

Answer 2

function showCount(){
    var count = document.getElementById("slider").value;
    console.log("meter position : "+count);
}

<input type="range" value="0" id="slider" step="1" min="0" max="15" onchange="showCount()"/>

Это даст счет, когда вы переместите ползунок enter code here или положите и предупредите.