Javascript 根据文本值更改DIV的颜色（来自外部源）

我正在接收并显示来自外部源（API）的数值。现在我需要文本的颜色根据值在红色和绿色之间变化

≥50=红色和{ 返回response.json（）； })。然后（（json）=>{ const cases=json.features[0].attributes.cases； const death=json.features[0].attributes.death； const cases7Per100k=json.features[0].attributes.cases7每100k； const recovered=json.features[0].attributes.recovered； const lastUpdate=json.features[0].attributes.last\u update； 控制台日志（每100K 7个案例） document.getElementById（“cases7Per100k”）.innerHTML=Math.round（cases7Per100k*10）/10 | | 0； });

---

是否可以测试返回值并应用样式


constapi=”https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/RKI_Landkreisdaten/FeatureServer/0/query?where=county%20%3D%20%27SK%20stuttgart%27&outFields=cases，死亡人数，县，最近一次更新，每10万例中有7例，已恢复和返回几何图形=false&outSR=4326&f=json”；
获取（api）。然后（（响应）=>{
返回response.json（）；
})。然后（（json）=>{
const cases=json.features[0].attributes.cases；
const death=json.features[0].attributes.death；
const cases7Per100k=json.features[0].attributes.cases7每100k；
const recovered=json.features[0].attributes.recovered；
const lastUpdate=json.features[0].attributes.last\u update；
控制台日志（每100K 7个案例）
让测试=数学四舍五入（每100K*10箱7个）/10 | | 0；
如果（test>=50）{document.getElementById（“cases7Per100k”）.style.color='green'；}
else{document.getElementById（“cases7Per100k”）.style.color=“red”}
document.getElementById（“cases7Per100k”）.innerHTML=test；
});
您可以通过
元素.style.color
设置颜色。（）

以下方面应起作用：


constapi=”https://services7.arcgis.com/mOBPykOjAyBO2ZKk/arcgis/rest/services/RKI_Landkreisdaten/FeatureServer/0/query?where=county%20%3D%20%27SK%20stuttgart%27&outFields=cases，死亡人数，县，最近一次更新，每10万例中有7例，已恢复和返回几何图形=false&outSR=4326&f=json”；
获取（api）。然后（（响应）=>{
返回response.json（）；
})。然后（（json）=>{
const{cases，death，cases7_per_100k，recovered，last_update}=json.features[0]。属性；
控制台日志（每100k箱7个）
const p=document.getElementById（“每100k的案例7”）；
p、 innerHTML=每10万个案例7个固定（1）| | 0；
p、 style.color=cases7_per_100k>50？#ff0000'：#00ff00'；
});
哪个变量保存来自API的响应，并且您确定它是作为数字返回的吗？那么，哪个元素需要更改其文本颜色呢？那么添加一个if，看看数字是否在范围内。设置元素的颜色。似乎很直截了当。相关：