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