-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
68 lines (63 loc) · 1.6 KB
/
script.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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
//! declerations
let time = document.getElementById("time");
let city = document.querySelector(".city-in");
let temp = document.querySelector(".temp");
let icon = document.getElementById("icon");
//? logic
let now = new Date();
let arrayDay = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
let arrayMonth = [
"JAN",
"FEB",
"MAR",
"APR",
"MAY",
"JUN",
"JULY",
"AUG",
"SEPT",
"OCT",
"NOV",
"DEC",
];
let day = arrayDay[now.getDay()];
let month = arrayMonth[now.getMonth()];
let year = now.getFullYear();
let date = now.getDate();
//^ condition
if (date < 10) {
date = "0" + date;
}
function updateClock() {
let hours = now.getHours();
let minutes = now.getMinutes().toString().padStart(2, "0");
let ampm = "AM";
if (hours > 12) {
hours -= 12;
ampm = "PM";
}
if (hours === 0) {
hours = 12;
}
time.innerHTML = `${hours}:${minutes} ${ampm}, ${day}, ${date} / ${month} / ${year}`;
}
//! Update the clock every second
setInterval(updateClock, 1000);
//! Initial call to set the clock immediately
updateClock();
let fetchApi = async () => {
let response = await fetch(
"https://api.openweathermap.org/data/2.5/weather?q=kolkata&appid=8aa1a9f24202564101f538f97ebd905b"
);
let data = await response.json();
console.log(data);
let temperature = data.main.temp - 273;
city.innerHTML = data.name + city.innerHTML;
temp.innerHTML += temperature.toFixed(2);
if (data.weather[0].description == "sun") {
icon.classList.add("fa-sun");
} else {
icon.classList.add("fa-cloud");
}
};
fetchApi();