Question

我有一个简单的计算，输入中的数字介于19到55之间，输出显示该计算。我不知道如何控制小数点位数。理想情况下，我想保留1或2个小数位。

这是我到目前为止的代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"> 
  <title>Output Formatting</title>
  <script src="https://d3js.org/d3-format.v1.min.js"></script>
</head>
<body>
  <form oninput="result.value=(-1.0797 * parseInt(a.value) * parseInt(a.value)) + (52.466 * parseInt(a.value) - 820.183)">
    <input id="aa" type="number" name="a" onchange="setTwoNumberDecimal" min="19" max="55" step="0.25" value="22.00" /> <br>
    <output id="polar" name="result">-</output>
  </form>
</body>
</html>

我已经看到了D3.js应用于控件格式的一些示例，但是我无法在这里弄清楚如何实现它。该功能似乎没有运行，但是没有出现控制台错误：

<script>
function setTwoNumberDecimal(){
var format = d3.format(".3n");
var fname = d3.format(".3n")(document.getElementById('aa').value);
document.getElementById('polar').innerHTML = fname;
}
</script>

我也有一个JS_Fiddle

Answer 1

<form oninput="var n=(-1.0797 * parseInt(a.value) * parseInt(a.value)) + (52.466 * 
parseInt(a.value) - 820.183); result.value = n.toFixed(2)">

如何控制HTML输出中的小数点位数？

1 个答案: