Question

我正在尝试将转换的最终结果四舍五入到小数点后两位，但是我不确定在哪里添加.toFixed（2）

尝试添加.toFixed（2）;到各个地方，但没有运气。解释如何使用它的所有地方都会使用数字值设置自己的变量，但是我的结果因输入的金额/货币汇率而异。

 <div class="container">
   <form class="form">
        <input type="number" onkeypress="return noenter()" class="" id="amount"/>
     </div>
     <div style="display:none;">
        <p id="currency-1">M</p>
      </div>
      <div class="">
        <select class="form-control" id="currency-2" required>
          <option>USD</option>
          <option>GBP</option>
          <option>EUR</option>
          <option>CAD</option>
        </select>
      </div>
    </form>
    <div class="result">
      <p>
        <span class="given-amount"></span> 
        <span class="base-currency"></span>
        <span class="final-result"></span> 
        <span class="second-currency"></span>
      </p>
    </div>

var crrncy = {
  'M': {
    'USD': 0.80,
    'GBP': 0.65,
    'EUR': 0.77,
    'CAD': 0.95,
    'M': 1
  },
}
var baseCurrencyInput = document.getElementById('currency-1');
var secondCurrencyInput = document.getElementById('currency-2');
var amountInput = document.getElementById('amount');
var toShowAmount = document.querySelector('.given-amount');
var toShowBase = document.querySelector('.base-currency');
var toShowSecond = document.querySelector('.second-currency');
var toShowResult = document.querySelector('.final-result');
function convertCurrency(event) {
  event.preventDefault();
  var amount = amountInput.value;
  var from = baseCurrencyInput.innerText;
  var to = secondCurrencyInput.value;
  var result = 0;

  try {
    if (from == to) {
      result = amount;
    } else {
      result = amount * crrncy[from][to];
    }
  } catch (err) {
    result = amount * (1 / crrncy[to][from]);
  }

  toShowAmount.innerHTML = amount;
  toShowBase.textContent = from + ' would only cost you ';
  toShowSecond.textContent = to;
  toShowResult.textContent = result;
}

amountInput.addEventListener('keyup', convertCurrency);

secondCurrencyInput.addEventListener('click', convertCurrency);

function noenter() {
  return !(window.event && window.event.keyCode == 13); 

};

我希望转换器显示到小数点后两位（如果可能，请四舍五入）。例如。 23 M = 18.40 USD

Answer 1

...尝试添加.toFixed（2）;到各个地方，但没有运气。

您将其放在要输出值的位置：

toShowResult.textContent = result.toFixed(2);
// ------------------------------^^^^^^^^^^^

侧面说明：您的代码依赖于从字符串到数字的隐式转换，而不是在每个地方都进行这种转换，因此有时result的末尾包含字符串，而其他时候则包含数字。请记住，value元素上的input是总是一个字符串。

立即转换为数字：

var amount = +amountInput.value;
// ----------^
var to = +secondCurrencyInput.value;
// ------^

有关各种字符串到数字的选项，请参见this answer，如上所述，使用一元+只是一个选项。

还请记住，JavaScript使用的标准IEEE-754数字类型为imprecise，并且并不十分适合金融应用。您可能会考虑使用JavaScript的新BigInt（转换为数字并除以100进行输出），或者直到它得到更广泛的支持之前，还是许多“大整数”或“大数字”库之一。

如何将结果显示到小数点后两位？

1 个答案: