-
Notifications
You must be signed in to change notification settings - Fork 0
/
ui.js
48 lines (37 loc) · 1.64 KB
/
ui.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
class UI {
showTime(){
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById('time').innerHTML =
h + ":" + m + ":" + s;
var t = setTimeout(ui.showTime, 500);
function checkTime(i) {
if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
return i;
}
}
showWeather(weather){
const city = document.querySelector("#city");
const condition = document.querySelector("#weather");
const temp = document.querySelector("#temp");
const humidity = document.querySelector("#humidity");
const pressure = document.querySelector("#pressure");
const forcast = document.querySelector("#forcast");
const wind = document.querySelector("#wind");
const weatherIcon = document.querySelector("#weatherIcon");
let tempApi = weather.main.temp;
tempApi = Math.round(tempApi - 273.15);
city.innerHTML = weather.name+ ', ' + weather.sys.country;
condition.innerHTML = weather.weather[0].description;
temp.innerHTML = tempApi + '℃';
humidity.innerHTML = weather.main.humidity + "%";
pressure.innerHTML = weather.main.pressure + ' hpa';
wind.innerHTML = weather.wind.speed + ' m/s';
forcast.innerHTML = weather.weather[0].main;
weatherIcon.setAttribute('src',`http://openweathermap.org/img/wn/${weather.weather[0].icon}@2x.png` ) ;
}
}