weather widget

PHOTO EMBED

Tue Jun 25 2024 14:49:23 GMT+0000 (Coordinated Universal Time)

Saved by @Cody_Gant 

<body>

<!--  Credit for this goes towards Matt Froese @mattfroese  -->

<!--  
Update the API Key and Update the Zip Code for your own city.  Get API key from https://openweathermap.org/api
## API Key = const key ##
## Zip Code = weatherBallon ##  (go to website, search for your city, your weatherBallon is in the URL)
-->

<div>
<div id="description"></div>
<a href="https://openweathermap.org/city/4581095">
<h1 id="temp"></h1>
</a>
</div>
<script>
const key = '722ee3ab29754a08dbb548a3673860d1';
if (key == '') document.getElementById('temp').innerHTML = '';

function weatherBallon(cityID) {
  fetch('https://api.openweathermap.org/data/2.5/weather?id=' + cityID + '&appid=' + key).
  then(function (resp) {return resp.json();}) // Convert data to json
  .then(function (data) {
    drawWeather(data);
  }).
  catch(function () {
    // catch any errors
  });
}
function drawWeather(d) {
  var celcius = Math.round(parseFloat(d.main.temp) - 273.15);
  var fahrenheit = Math.round((parseFloat(d.main.temp) - 273.15) * 1.8 + 32);
  var description = d.weather[0].description;

  document.getElementById('temp').innerHTML = fahrenheit + '&deg;';


}
window.onload = function () {
  weatherBallon(4581095);
};
    </script>

</body>
content_copyCOPY