JavaScript 限制输出小数位数

Question

我一直在尝试将 'priceChangePercent' 的输出数据限制为小数点后两位，但似乎无法正常工作。谁能指出我正确的方向？

函数

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>

JavaScript 限制输出小数位数

JavaScript limit output decimal places

javascript

json

function

api

decimal