如何解决将 html 页面中的所有价格从一种货币更改为另一种货币?
我有一些代码可以将页面上的货币从一种更改为另一种,但问题是它不显示货币符号并且不带小数点。检查下面的代码。有谁知道如何在下面的代码中使用货币符号和十进制货币,例如($12.45):
var prices = [
1500,2000,342
];
var rates = {
USD: 1,// obvIoUsly
EUR: 0.86
}
function updatePrices(rate) {
var elements = document.getElementsByClassName("price");
prices.forEach((price,index) => {
elements[index].innerHTML = price * rate
});
}
document.getElementById("selector").onchange = function () {
updatePrices(rates[this.value]);
}
updatePrices(rates.USD);
<div class="row">
<div class="input-field col s1">
<select id="selector">
<option value="USD" selected>USD</option>
<option value="EUR">EUR</option>
</select>
<label>Currency</label>
</div>
</div>
<ul class="currencies">
<li class="price"></li>
<li class="price"></li>
<li class="price"></li>
</ul>
解决方法
您可以使用 toFixed 来格式化结果并为每个
货币(或您需要的任何其他变量,例如something_at_the_end
)
var prices = [
1500,2000,342
];
var currencies = {
USD: {
rate: 1,sign: "$",something_at_the_end: "test"
},EUR: {
rate: 0.86,sign: "€",something_at_the_end: "EURO TEST"
}
};
function updatePrices(currency) {
var elements = document.getElementsByClassName("price");
prices.forEach((price,index) => {
elements[index].innerHTML = currency.sign + parseFloat(price * currency.rate) + currency.something_at_the_end
});
}
document.getElementById("selector").onchange = function () {
updatePrices(currencies[this.value]);
}
updatePrices(currencies.USD);
<div class="row">
<div class="input-field col s1">
<select id="selector">
<option value="USD" selected>USD</option>
<option value="EUR">EUR</option>
</select>
<label>Currency</label>
</div>
</div>
<ul class="currencies">
<li class="price"></li>
<li class="price"></li>
<li class="price"></li>
</ul>
parseFloat 只是为了确保结果是 Number
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。