JSON 数据 - 如果值高于 0%，则颜色为绿色答案

【问题标题】：JSON Data - Colour green if value is above 0%JSON 数据 - 如果值高于 0%，则颜色为绿色
【发布时间】：2020-08-13 10:18:16
【问题描述】：

如果高于 0%，你如何将 '24hr-btcusdt' 中的值呈现为绿色

脚本

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;

     document.getElementById('price-btcusdt').textContent = prevClosePrice;
     document.getElementById('24hr-btcusdt').textContent = priceChangePercent;

     }

     getPriceBTCUSDT();

     setInterval(getPriceBTCUSDT, 1000);

HTML

<div class="div-block-3">
   <div class="text-block-2"><span class="currency-title">USDT</span> <span class="currency-symbol">$</span><strong id="price-btcusdt" class="rates">11,794.00</strong></div>
<div id="24hr-btcusdt" class="_24hr-rolling">-1.84<span class="percent-symbol">%</span></div>
</div>

【问题讨论】：

标签： javascript html json api conditional-statements

【解决方案1】：

我认为你可以简单地在你的异步函数中添加这一行

 if(priceChangePercent>0){
  document.getElementById('24hr-btcusdt').style.color='green'
  }

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, 1000);

<div class="div-block-3">
   <div class="text-block-2"><span class="currency-title">USDT</span> <span class="currency-symbol">$</span><strong id="price-btcusdt" class="rates">11,794.00</strong></div>
<span id="24hr-btcusdt" class="_24hr-rolling">1.84</span>%
</div>

【讨论】：