JavaScript 限制 output 小数位

Question

我一直试图将“priceChangePercent”的 output 数据限制为小数点后 2 位，但似乎无法正常工作。 谁能指出我正确的方向？

Function

 async function getPriceBTCUSDT() { const response = await fetch("https://api.binance.com/api/v3/ticker/24hr?symbol=BTCUSDT"); const data = await response.json(); const { prevClosePrice, priceChangePercent } = data; if (priceChangePercent > 0) { document.getElementById('24hr-btcusdt').style.color = 'green' } document.getElementById('price-btcusdt').textContent = prevClosePrice; document.getElementById('24hr-btcusdt').textContent = priceChangePercent + "%"; } getPriceBTCUSDT(); setInterval(getPriceBTCUSDT, 3000);

 <span id="price-btcusdt"></span> <span id="24hr-btcusdt"></span>

Answer 1

toFixed(2) 将在您转换为 number 后解决问题

您可能还想添加货币？

我也添加了颜色类。

 async function getPriceBTCUSDT() { const response = await fetch("https://api.binance.com/api/v3/ticker/24hr?symbol=BTCUSDT"); const data = await response.json(); const { prevClosePrice, priceChangePercent } = data; const pctSpan = document.getElementById('24hr-btcusdt'); const priceSpan = document.getElementById('price-btcusdt'); pctSpan.className = priceChangePercent >= 0? "green": "red"; pctSpan.textContent = priceChangePercent + "%"; priceSpan.textContent = "$" + Number(prevClosePrice).toFixed(2); } getPriceBTCUSDT(); setInterval(getPriceBTCUSDT, 3000);

 .red { color: red; }.green { color: green; }

 <span id="price-btcusdt"></span> <span id="24hr-btcusdt"></span>