-
Notifications
You must be signed in to change notification settings - Fork 0
/
weather.js
53 lines (46 loc) · 1.31 KB
/
weather.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
const weather=document.querySelector(".js-weather");
const API_KEY="95a9b090ce0f099b3746cb1c478d1797"
const COORDS="coords";
function getWeather(lat,lng){
fetch(
`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lng}&appid=${API_KEY}&units=metric`
).then(function(response){
return response.json();
}).then(function(json){
const temperature=json.main.temp;
const place=json.name;
weather.innerText=`${temperature} @ ${place}`;
});
}
function saveCoords(coordsObj){
localStorage.setItem(COORDS,JSON.stringify(coordsObj));
}
function handleGeoSucces(position){
const latitude=position.coords.latitude;
const longitude=position.coords.longitude;
const coordsObj={
latitude,
longitude
};
saveCoords(coordsObj);
getWeather(latitude,longitude)
}
function handleGeoError(){
console.log("cant access geo location");
}
function askForCoords(){
navigator.geolocation.getCurrentPosition(handleGeoSucces,handleGeoError)
}
function loadCoords(){
const loadedCoords=localStorage.getItem(COORDS);
if(loadedCoords===null){
askForCoords();
}else{
const parseCoords=JSON.parse(loadedCoords);
getWeather(parseCoords.latitude,parseCoords.longitude);
}
}
function init(){
loadCoords();
}
init();