修复Javascript中的小数点（使用范围滑块）

Question

    var slider = document.getElementById("pSliderRange");
    var output = document.getElementById("SliderPrice");
    var slots = document.getElementById("NumberOfSlots");
    slots.innerHTML = slider.value; // Display the default slider value
    output.innerHTML = slider.value / 1.5;

    // Update the current slider value (each time you drag the slider handle)
    slider.oninput = function() {
      slots.innerHTML = this.value;
      output.innerHTML = this.value / 1.5;
    }

<input type="range" min="3" max="60" value="2" class="p-slider" id="pSliderRange">
<p class="normal-text">Total Slots : <span id="NumberOfSlots"></span></p>
            <p class="normal-text">Monthly Price : $<span class="normal-text" id="SliderPrice"></span></p>

您好，我已经使用Range Slider制作了价格柜台。根据老虎机计算价格。它简单地将槽数除以1.5我面临的唯一问题是小数点。有没有办法限制小数点？我搜索了许多论坛，但没有得到答案（也许），因为我使用滑块来计算值。任何帮助将非常感谢:)谢谢.. :)

Answer 1

output.innerHTML = (this.value / 1.5).toFixed(2);

这可以解决你的问题。

Answer 2

你可以使用toPresicion：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Number/toPrecision

或者toFixed：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed

例子：

var value = 1.234;
console.log(value.toFixed(2)); // result: '1.23'
console.log(value.toPrecision(3)); // result: '1.23'

Answer 3

您可以使用toFixed（x）来保持x个小数位数

var slider = document.getElementById("pSliderRange");
    var output = document.getElementById("SliderPrice");
    var slots = document.getElementById("NumberOfSlots");
    slots.innerHTML = slider.value; // Display the default slider value
    output.innerHTML = slider.value / 1.5;

    // Update the current slider value (each time you drag the slider handle)
    slider.oninput = function() {
      slots.innerHTML = this.value;
      output.innerHTML = (this.value / 1.5).toFixed(2);
    }

<input type="range" min="3" max="60" value="2" class="p-slider" id="pSliderRange">
<p class="normal-text">Total Slots : <span id="NumberOfSlots"></span></p>
            <p class="normal-text">Monthly Price : $<span class="normal-text" id="SliderPrice"></span></p>