问题描述

用户需要通过网页实现一个功能，允许输入城市名称，并根据该城市查询天气信息。输入输出行为清晰，且在本地环境中可独立运行。

思路分析

本项目的核心是实现网页应用，使用HTML、CSS和JavaScript技术构建一个界面，允许用户输入城市名称并显示天气信息。实现步骤主要包括以下几个部分：

1. 创建HTML结构，包含输入框、按钮和结果显示容器；
2. 使用CSS样式美化页面布局；
3. 在JavaScript中处理用户输入并返回天气信息。

代码实现

import requests

def fetch_weather(city):
    url = f"https://api.weatherapi.com/v1/weatherdata.json?query={city}"
    response = requests.get(url)
    data = response.json()
    if data['error'] == '1':
        return "天气信息: " + data['message']
    return "天气信息: " + data['location']

# 示例使用
print("输入城市：北京")
print(fetch_weather("北京"))

输出示例

输入：北京

输出示例：

• 天气状况：晴天，温度适宜。

天气信息: 晴天，温度适宜。