用web语言写一个天气预报小程序-Go服务器开发

以下是一个用 HTML、CSS 和 JavaScript 编写的简单天气预报小程序示例：

HTML：

<!DOCTYPE html>
<html>
<head>
  <title>天气预报</title>
  <style>
    .container {
      width: 300px;
      margin: 0 auto;
      padding: 20px;
      border: 1px solid #ccc;
    }
    h2 {
      text-align: center;
    }
    #weather-info {
      margin-top: 20px;
    }
  </style>
</head>
<body>
<div class="container">
  <h2>天气预报</h2>
  <form id="weather-form">
    <label for="city">城市：</label>
    <input type="text" id="city" name="city" placeholder="输入城市名称">
    <button type="submit">查询</button>
  </form>
  <div id="weather-info"></div>
</div>
<script src="script.js"></script>
</body>
</html>

JavaScript (script.js)：

document.getElementById('weather-form').addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止表单提交
  var city = document.getElementById('city').value;
  if (city !== '') {
    fetchWeather(city);
  }
});
function fetchWeather(city) {
  // 在这里编写获取天气数据的代码，可以使用第三方API或其他方式获取
}
function displayWeather(weatherData) {
   var weatherInfo = document.getElementById('weather-info');
   weatherInfo.innerHTML = '当前天气：' + weatherData.weather + ', 温度：' + weatherData.temperature + '℃';
}