武汉替天气 (武汉天气预报)

未来天气预报

JavaScript 文件 (weather.js) javascript const currentWeather = document.getElementById("current-weather"); const dailyForecast = document.getElementById("daily-forecast");const apiKey = "YOUR_API_KEY";// 获取实时天气数据 async function getCurrentWeather() {const response = await fetch(`${apiKey}`);const data = await response.json();displayCurrentWeather(data); }// 显示实时天气数据 function displayCurrentWeather(data) {const weatherDescription = data.weather[0].description;const temp = Math.round(data.main.temp - 273.15);const humidity = data.main.humidity;const windSpeed = Math.round(data.wind.speed 3.6);currentWeather.innerHTML = `

天气状况：${weatherDescription}

温度：${temp}℃

湿度：${humidity}%

风速：${windSpeed}km/h

`; }// 获取未来天气预报数据 async function getDailyForecast() {const response = await fetch(`${apiKey}`);const data = await response.json();displayDailyForecast(data.list); }// 显示未来天气预报数据 function displayDailyForecast(list) {list.forEach((item) => {const date = new Date(item.dt 1000);const day = date.toLocaleDateString("zh-CN", { weekday: "long" });const weatherDescription = item.weather[0].description;const temp_min = Math.round(item.main.temp_min - 273.15);const temp_max = Math.round(item.main.temp_max - 273.15);const li = document.createElement("li");li.innerHTML = `

${day}

${weatherDescription}

温度：${temp_min}℃ ~ ${temp_max}℃

`;dailyForecast.appendChild(li);}); }window.addEventListener("load", () => {getCurrentWeather();getDailyForecast(); });