武汉天气查询15天天气预报 (武汉天气查询7天)

15天天气预报

7天天气预报

javascript // script.js const weatherForecastElement = document.getElementById('weather-forecast'); const weatherForecast7dayElement = document.getElementById('weather-forecast-7day');// 这里使用第三方API或其他方法获取天气预报数据并填充到HTML中// 样例数据 const weatherForecastData = {15day: [{date: '2023-03-08',weather: '晴',high: '20℃',low: '10℃'},// ...其他14天的数据],7day: [{date: '2023-03-08',weather: '晴',high: '20℃',low: '10℃'},// ...其他6天的数据] };// 填充15天天气预报 weatherForecastData['15day'].forEach((day) => {const dayElement = document.createElement('div');dayElement.classList.add('day');dayElement.innerHTML = `

${day.date}

${day.weather}

${day.high}

${day.low}

`;weatherForecastElement.appendChild(dayElement); });// 填充7天天气预报 weatherForecastData['7day'].forEach((day) => {const dayElement = document.createElement('div');dayElement.classList.add('day');dayElement.innerHTML = `

${day.date}

${day.weather}

${day.high}

${day.low}

`;weatherForecast7dayElement.appendChild(dayElement); });