如何解决JSON数据-如果值大于0%,则呈绿色
如果高于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>
解决方法
我认为您只需在异步函数中添加这一行
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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。