天气应用
等级: 初级
一个使用accuweather
获取特定城市温度、天气状况以及是白天还是夜晚的天气应用。一个免费的天气API。
用户故事
- [ ] 在
input
字段中输入一个城市名称。 - [ ] 按下回车键,用户提交城市名称,这将使用
DOM
更新温度、天气状况、白天或夜晚的图片和天气状况图标。
额外功能
- [ ] 关闭浏览器窗口后,城市名称将被存储在localStorage中,当用户返回时,名称将被检索以执行API调用以更新
DOM
。
有用的链接和资源
示例项目
- Codepen上的天气应用 由 [George Martsoukos] 创建
- 用纯JavaScript编写天气应用