如何将输入范围值从1.9更改为2.0？

Question

我有：

<input type="range" id="rating-range-btn" name="ratingrange" min="5" value="5" max="10" step="0.1">

我需要改变输入值从1.9到2.0但它显示只有2没有点和零

Answer 1

每次值更改时，必须触发回调函数来调整从范围中获取其值的另一个元素的值，因为无法调整范围值（当达到整数时）。

document.getElementById("rating-range-btn").addEventListener("change", function(e){
  // Force the string value of the range to a number and then force the 
  // number to have a single decimal
  output.textContent = parseFloat(this.value).toFixed(1);
});

<input type="range" id="rating-range-btn" name="ratingrange" min="5" value="5" max="10" step="0.1">
<div id="output">5.0</div>