hc/startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Format JS

Browse Source
This commit is contained in:
Tressley Cahill 2022-11-01 17:12:52 -04:00
parent 723d73e127
commit ec99ce4b15
2 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/styles.css
View File

@ -27,7 +27,6 @@ header {
justify-content: center;
}
#date,
#location {
color: var(--primary-link-hover-color);
@ -40,6 +39,8 @@ header {
text-transform: capitalize;
}
#weather { text-align: right; }
.separator { margin: 0 0.25rem; }
header img,

6
js/main.js
View File

@ -9,12 +9,14 @@ function dateTime () {
function weatherBalloon(cityID) {
var apiKey = 'fad9628260a1bc2ebaaf85a7dfe800d0';
fetch('https://api.openweathermap.org/data/2.5/weather?id=' + cityID + '&appid=' + apiKey)
.then(function(resp) { return resp.json() })
.then(function(resp) {
return resp.json()
})
.then(function(data) {
let tempK = parseFloat(data.main.temp);
let tempC = Math.round(tempK - 273.15);
let tempF = Math.round((tempK - 273.15) * 1.8) + 32;
document.getElementById('weather').innerHTML = '<p id="location">' + data.name + '</p><p id="details">' + data.weather[0].description + '<span class="separator">|</span>' + tempC + '&deg;C</p>';
document.getElementById('weather').innerHTML = '<p id="location">' + data.name + '</p><p id="details" ' + 'title="' + tempF + '&deg;F">' + data.weather[0].description + '<span class="separator">|</span>' + tempC + '&deg;C</p>';
});
}