javascript - 如何输出最终兑换值中的货币符号？

Question

我想知道如何输出用户想要在货币转换器中将金额转换为的不同货币符号？例如，如果我想在新金额的最终输出中将 20 英镑转换为欧元，即 20 英镑的欧元值(value)，如何才能输出欧元符号？最终输出只是数字，我想要在最终值金额输出前面有一个货币符号，我想知道如何为输出金额的每种货币执行此操作。我正在从 API 导入实时汇率，因此如何导入汇率但添加货币符号？

Codepen

JAVASCRIPT

// Fetch exchange rate data from api
$.getJSON("https://api.fixer.io/latest?base=ZAR", function(data) {
  var currencies = [];
  $.each(data.rates, function(currency, rate) {
    // Currency options dropdown menu
    currencies.push("<option id='" + currency.toLowerCase() + "' value='" + rate + "' >" + currency + "</option>");
  });
  $(".currency-list").append(currencies);
})

//Calculate and output the new amount
function exchangeCurrency() {
  var amount = $(".amount").val();
  var rateFrom = $(".currency-list")[0].value;
  var rateTo = $(".currency-list")[1].value;
  if (amount == undefined || rateFrom == "--Select--" || rateTo == "--Select--") {
    $(".results").html("0");
  } else {
    $(".results").html((amount * (rateTo * (1 / rateFrom))).toFixed(2));
  }
}

Answer 1

您可以使用区域字符串

var number = 123456.789;
    
// request a currency format
 console.log(number.toLocaleString('de-DE', { style: 'currency', currency: 'EUR' }));   // → 123.456,79 €


var currency = document.getElementById('currency');

var Euro = number.toLocaleString('de-DE', { style: 'currency', currency: 'EUR' });

currency.innerHTML = Euro;

<p id='currency'></p>

这是我的jsfiddle:

https://jsfiddle.net/646m7905/