```html
Weather Forecast
link rel="stylesheet" type="text/css" href="styles.css">
```
```javascriptfunction getWeather() {
const city =.getElementById('city-input').value;
const apiKey = 'YOUR_API_KEY';
const url = `https://api.openweathermap/data/2.5/weather?q=${city}&appid=${apiKey}&units=metric`;
fetch(url)
.(response => response.json())
.then(data => {
const weatherInfo = `
Weather Forecast
a city:
${data.name}
<>Temperature: ${data.main.temp} °CDescription: ${data.weather[0].description}
document.getElementById('weather-info').innerHTML = weatherInfo; }) .catch(error => { console.error('Error:', error); document('weather-info').innerHTML = 'An error occurred. Please try again.'; }); } ``` ```css #weather-container { width 50%; margin: 0 auto; text-align: center; } h1 { font-size: 1.5em; input { padding: 5px; } button { padding: 5px 10px; background-color: #007bff; color: white; border: none; cursor: pointer; } button:hover { background-color: #0056b3; } weather-info { margin-top: 20px; padding: 10px; border: 1px solid #ccc; } ``请注意替换代码中的`YOUR_API_KEY`为您自己的OpenWeatherMap API密钥。此代码通过OpenWeather API获取特定城市的天气信息并显示在页面上。您可以根据需要进行样式和布局的调整。