-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathweather app
More file actions
53 lines (42 loc) · 1.36 KB
/
weather app
File metadata and controls
53 lines (42 loc) · 1.36 KB
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
function displayTemperature(response) {
let temperatureElement = document.querySelector("#current-temperature");
let temperature = Math.round(response.data.temperature.current);
let cityElement = document.querySelector("#current-city");
cityElement.innerHTML = response.data.city;
temperatureElement.innerHTML = temperature;
}
function search(event) {
event.preventDefault();
let searchInputElement = document.querySelector("#search-input");
let city = searchInputElement.value;
let apiKey = "b2a5adcct04b33178913oc335f405433";
let apiUrl = `https://api.shecodes.io/weather/v1/current?query=${city}&key=${apiKey}&units=metric`;
axios.get(apiUrl).then(displayTemperature);
}
function formatDate(date) {
let minutes = date.getMinutes();
let hours = date.getHours();
let day = date.getDay();
if (minutes < 10) {
minutes = `0${minutes}`;
}
if (hours < 10) {
hours = `0${hours}`;
}
let days = [
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
];
let formattedDay = days[day];
return `${formattedDay} ${hours}:${minutes}`;
}
let searchForm = document.querySelector("#search-form");
searchForm.addEventListener("submit", search);
let currentDateELement = document.querySelector("#current-date");
let currentDate = new Date();
currentDateELement.innerHTML = formatDate(currentDate);