Javascript API数据可以´；在innerHTML中不放置数组

我试图从免费的天气API中获取数据，并将其放在Dom

Rain

中，结果显示为空白。我注意到，当我调用变量sky时，当我

push（）

将数据放入数组

let sky=[]

时，它会在控制台中显示我。我还尝试调试代码，在将数组转换为字符串时，得到了

未定义的

或空字符串

const-API='1〕https://api.openweathermap.org/data/2.5/weather?id=524894&APPID=52d43a5ccf494597a10177119035f9b5&units=metric';
const temp=document.querySelector（'.number'）；
const actweather=document.querySelector（'.actualweather'）；
const icon=document.querySelector（'.icon'）；
天气（）
异步函数weather（）{
let get=等待获取（API）；
让result=wait get.json（）；
让加热=等待温度推送（结果主温度）；
let skyy=wait sky.push（result.weather[String（0）].main）
}
常数温度=[]；
温度innerHTML=数学地板（温度）；
让天空=[]；
actweather.innerText=天空
html{
框大小：边框框；
}
*,
*：：之前，
*：：之后{
框大小：继承；
保证金：0；
填充：0；
}
.颜色{
背景色：rgb（52,72,163,0.3）；
位置：固定；
右：0；
底部：0；
最小宽度：100%；
最小高度：100%；
z指数：10；
}
#我的视频{
位置：固定；
右：0；
底部：0；
宽度：100%；
身高：100%；
对象匹配：填充；
z指数：-1；
}
a{
文字装饰：无！重要；
填充：20px；
字体系列：“瓦雷拉圆形”，无衬线；
字号：中等；
颜色：白色；
}
#标题{
位置：绝对位置；
宽度：100%；
高度：100px；
}
.导航ul{
位置：相对位置；
显示器：flex；
弯曲方向：行；
证明内容：中心；
列表样式：无；
边缘顶部：50px；
z指数：20；
}
.天气{
/*背景色：红色*/
位置：绝对位置；
显示器：flex；
弯曲方向：行；
证明内容：中心；
对齐项目：居中；
弹性基准：0；
z指数：22；
宽度：200px；
高度：100px；
右：0；
排名：0；
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：14px；
颜色：白色；
填充：10px
}
临时工{
显示器：flex；
证明内容：中心；
}
.第1行{
显示器：flex；
最小高度：20px；
宽度：1px；
背景色：白色；
利润率：0 10px 0 10px；
边界半径：10%；
}
.row2{
显示器：flex；
最小高度：1px；
宽度：100px；
背景色：白色；
利润率：10px 0 10px 0；
边界半径：10%；
}
.日期>*{
显示：内联块；
证明内容：中心；
填充：0 5px 0 0；
}
.图标{
显示器：flex；
弯曲方向：行；
背景颜色：黄色；
填充：15px；
利润率：10px；
}

文件







⛅
7.
摄氏度
雨
简
4.2020
在异步调用本身中，您可以执行此操作，请选中此项

注意，因为温度返回0.18，所以当你们做数学时，地板（0.18）变成了零

请检查一下这个


const-API='1〕https://api.openweathermap.org/data/2.5/weather?id=524894&APPID=52d43a5ccf494597a10177119035f9b5&units=metric';
const temp=document.querySelector（'.number'）；
const actweather=document.querySelector（'.actualweather'）；
const icon=document.querySelector（'.icon'）；
天气（）
让热；
让天空；
异步函数weather（）{
let get=等待获取（API）；
让result=wait get.json（）；
热量=结果主温度；
控制台日志（热）
skyy=result.weather[0]。main
console.log（skyy）
温度innerHTML=数学地板（热量）；
actweather.innerText=skyy；
}
html{
框大小：边框框；
}
*,
*：：之前，
*：：之后{
框大小：继承；
保证金：0；
填充：0；
}
.颜色{
背景色：rgb（52,72,163,0.3）；
位置：固定；
右：0；
底部：0；
最小宽度：100%；
最小高度：100%；
z指数：10；
}
#我的视频{
位置：固定；
右：0；
底部：0；
宽度：100%；
身高：100%；
对象匹配：填充；
z指数：-1；
}
a{
文字装饰：无！重要；
填充：20px；
字体系列：“瓦雷拉圆形”，无衬线；
字号：中等；
颜色：白色；
}
#标题{
位置：绝对位置；
宽度：100%；
高度：100px；
}
.导航ul{
位置：相对位置；
显示器：flex；
弯曲方向：行；
证明内容：中心；
列表样式：无；
边缘顶部：50px；
z指数：20；
}
.天气{
/*背景色：红色*/
位置：绝对位置；
显示器：flex；
弯曲方向：行；
证明内容：中心；
对齐项目：居中；
弹性基准：0；
z指数：22；
宽度：200px；
高度：100px；
右：0；
排名：0；
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：14px；
颜色：白色；
填充：10px
}
临时工{
显示器：flex；
证明内容：中心；
}
.第1行{
显示器：flex；
最小高度：20px；
宽度：1px；
背景色：白色；
利润率：0 10px 0 10px；
边界半径：10%；
}
.row2{
显示器：flex；
最小高度：1px；
宽度：100px；
背景色：白色；
利润率：10px 0 10px 0；
边界半径：10%；
}
.日期>*{
显示：内联块；
证明内容：中心；
填充：0 5px 0 0；
}
.图标{
显示器：flex；
弯曲方向：行；
背景颜色：黄色；
填充：15px；
利润率：10px；
}

文件