weather-dashboard

时间:2024-04-07 00:21:44
【文件属性】:

文件名称:weather-dashboard

文件大小:167KB

文件格式:ZIP

更新时间:2024-04-07 00:21:44

JavaScript

天气仪表板 链接: 概括 制作一个天气仪表板,以显示当前天气状况以及给定城市的五天天气预报。任何键入城市的信息都会保存到一个列表,单击该列表可查看气象天气。 目录 过程 使用fetch从 API获取数据,为用户输入的给定城市创建天气模板。使用了三个API,这些API列在下。一旦检索到数据,就可以确定当前的某些天气状况,并显示五天的天气预报。城市名称也将保存到搜索栏下方的列表中。 我用html文件声明了要设置页面上某些对象的位置。我使用bootsrap来帮助基本的网格系统,该系统具有两列,每列包含两个

,每个
c包含网页的主要内容之一:搜索栏,城市列表,当前天气数据,和5天预报。然后,我编写了javascript文件,以使用fetch获取数据,并使用then promise在网页上显示所需的数据。 CSS是用来使仪表板看起来更好的最后一块。 用法 该网站将打开一个相当裸露


网友评论

相关文章