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

6
js/main.js
View File

@ -9,12 +9,14 @@ function dateTime () {
function weatherBalloon(cityID) { function weatherBalloon(cityID) {
var apiKey = 'fad9628260a1bc2ebaaf85a7dfe800d0'; var apiKey = 'fad9628260a1bc2ebaaf85a7dfe800d0';
fetch('https://api.openweathermap.org/data/2.5/weather?id=' + cityID + '&appid=' + apiKey) 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) { .then(function(data) {
let tempK = parseFloat(data.main.temp); let tempK = parseFloat(data.main.temp);
let tempC = Math.round(tempK - 273.15); let tempC = Math.round(tempK - 273.15);
let tempF = Math.round((tempK - 273.15) * 1.8) + 32; 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>';
}); });
} }