Javascript 如何从选择器中选择json文档?
如何在下拉菜单中选择一个国家并获取该国家的数据? 国家代码:Javascript 如何从选择器中选择json文档?,javascript,html,css,json,drop-down-menu,Javascript,Html,Css,Json,Drop Down Menu,如何在下拉菜单中选择一个国家并获取该国家的数据? 国家代码: Netherlands 169 Germany 120 France 116 Spain 225 Italy 137 Russia 187 South-Korea 143 USA 201 在fetch函数中,荷兰的国家代码为169,德国的国家代码应为120等 window.onload=函数{ 获取新冠病毒状态; } 函数getCovidStats{ 取回https://coronavirus-tracker-api
Netherlands 169
Germany 120
France 116
Spain 225
Italy 137
Russia 187
South-Korea 143
USA 201
在fetch函数中,荷兰的国家代码为169,德国的国家代码应为120等
window.onload=函数{
获取新冠病毒状态;
}
函数getCovidStats{
取回https://coronavirus-tracker-api.herokuapp.com/v2/locations/169'
.thenfunctionresp{return resp.json}
.Then函数数据{
让人口=data.location.country\u人口;
让更新=data.location.last_更新;
让confirmedCases=data.location.latest.confirmed;
设死亡数=data.location.latest.death;
document.getElementById'population'.innerHTML=population.toLocalString'en';
document.getElementById'update'.innerHTML=update.substr0,10;
document.getElementById'cases'。innerHTML=confirmedCases.toLocalString'en';
document.getElementById'deaths'。innerHTML=deaths.toLocalString'en';
document.getElementById'percent'。innerHTML=numberDaths/numberConfiguredCases*100.ToLocalStringen,{minimumFractionDigits:2,maximumFractionDigits:2}+%;
}
.catchfunction{
console.logerror;
}
setTimeoutgetCovidStats,43200000//每12小时更新一次
}
* {
保证金:0;
填充:0;
}
html{
身高:100%;
宽度:100%;
}
h1,h2{
字体系列:“Roboto”,无衬线;
字体大小:300;
文本对齐:居中;
垫底:20px;
字体大小:250%;
}
.头衔{
背景:向右线性梯度,feb47b,ff7e5f;
填充:20px;
}
.副标题{
填充:20px;
字体大小:150%;
}
div{
填充:20px;
}
.stats容器{
文本对齐:居中;
浮动:对;
显示:内联块;
}
.货柜位置{
显示:内联块;
}
.数据容器{
边框:2px固体feb47b;
保证金权利:30%;
左缘:30%;
}
h4{
字号:85%;
颜色:灰色;
字体系列:“Roboto”,无衬线;
字体大小:300;
文本对齐:居中;
填充顶部:20px;
左侧填充:20px;
右边填充:20px;
垫底:5px;
}
.页脚{
字体系列:“Roboto”,无衬线;
底部:0;
字体大小:75%;
填充物:5px;
}
名称
冠状病毒统计。
字幕
检测呈阳性
死亡
死亡率
土地
国家:
荷兰
德国
法国
西班牙
意大利
俄罗斯联邦
南韩
美国
人口
最近更新
页脚
像这样
在选择上使用addEventListener并将值更改为数字
我添加了一个“请选择”
并将身份证从汽车改为
window.addEventListenerload,函数{
document.getElementByIdcountrySel.addEventListenerchange,getCovidStats;
document.getElementByIdcountrySel.value=169;
getCovidStats
}
函数getCovidStats{
const cc=document.getElementByIdcountrySel.value;
如果cc==返回;
取回https://coronavirus-tracker-api.herokuapp.com/v2/locations/“+cc
.then函数resp{
返回resp.json
}
.Then函数数据{
让人口=data.location.country\u人口;
让更新=data.location.last_更新;
让confirmedCases=data.location.latest.confirmed;
设死亡数=data.location.latest.death;
document.getElementById'population'.innerHTML=population.toLocalString'en';
document.getElementById'update'.innerHTML=update.substr0,10;
document.getElementById'cases'。innerHTML=confirmedCases.toLocalString'en';
document.getElementById'deaths'。innerHTML=deaths.toLocalString'en';
document.getElementById'percent'.innerHTML=numberDaths/numberconfiredCases*100.toLocalStringen{
最小分数位数:2,
最大分数位数:2
} + %;
}
.catchfunction{
console.logerror;
}
setIntervalgetCovidStats,43200000//每12小时更新一次
}
* {
保证金:0;
填充:0;
}
html{
身高:100%;
宽度:100%;
}
h1,
氢{
字体系列:“Roboto”,无衬线;
字体大小:300;
文本对齐:居中;
垫底:20px;
字体大小:250%;
}
.头衔{
背景:向右线性梯度,feb47b,ff7e5f;
填充:20px;
}
.副标题{
填充:20px;
字体大小:150%;
}
div{
填充:20px;
}
.stats容器{
文本对齐:居中;
浮动:对;
显示:内联块;
}
.货柜位置{
显示:内联块;
}
.数据容器{
边框:2px固体feb47b;
保证金权利:30%;
左缘:30%;
}
h4{
字号:85%;
颜色:灰色;
字体系列:“Roboto”,无衬线;
字体大小:300;
文本对齐:居中;
填充顶部:20px;
左侧填充:20px;
右边填充:20px;
垫底:5px;
}
.页脚{
字体系列:“Roboto”,无衬线;
底部:0;
字体大小:75%;
填充物:5px;
}
名称
冠状病毒统计。
字幕
检测呈阳性
死亡
死亡率
国
国家:
请选择
荷兰
德国
法国
西班牙
意大利
俄罗斯联邦
南韩
美国
人口
最近更新
页脚
为什么使用空H1作为占位符?使用谢谢!有没有办法让它们计数更快,我应该通过在tId=setIntervalcountUp,50中更改50来实现这一点;到较低的号码?请参阅其他问题中我更改的代码。我做了300和10