-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscripts.js
More file actions
65 lines (59 loc) · 2.01 KB
/
scripts.js
File metadata and controls
65 lines (59 loc) · 2.01 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
54
55
56
57
58
59
60
61
62
63
64
65
$(document).ready(function(){
//location data
$.getJSON('https://json.geoiplookup.io/?callback=?', function(json) {
console.log(JSON.stringify(json, null, 2));
var cityName = json.city;
var countryCode = json.country_code;
var long =json.longitude;
var lata =json.latitude;
$(".city").html(cityName +"," + " " + countryCode);
$("#longitude").html(long);
$("#latitude").html(lata);
//weather data
var weatherApi="https://api.darksky.net/forecast/828c0751c2c936d0ad20d8d3fb06dc53/" + lata + "," + long;
$.getJSON(weatherApi + "?callback=?", function(data) {
console.log(weatherApi);
//set tempC as current temperature. Use parseInt to remove float
console.log (data);
var tempF = parseInt((data.currently.temperature))+"° F";
var tempC = parseInt((parseInt(tempF) - 32) * (5/9))+ " °C";
var icon = data.currently.icon;
var description = data.minutely.summary;
$("#description").append(description);
$("#temperatureF").html(tempF);
$("#temperatureC").html(tempC);
//Set skycon color
var skycons = new Skycons({"color": "#E1C340"});
//sycons icon will match with icon from darksksy
if (icon =="partly-cloudy-day"){
var pcd = skycons.set("icon1", Skycons.PARTLY_CLOUDY_DAY);
};
if (icon =="clear-day"){
var cd =skycons.set("icon1", Skycons.CLEAR_DAY);
};
if(icon=="clear-night"){
var clearNight =skycons.set("icon1", Skycons.CLEAR_NIGHT);
};
if(icon=="partly-cloudy-night"){
var pcn =skycons.set("icon1", Skycons.PARTLY_CLOUDY_NIGHT);
};
if(icon=="rain"){
var rain =skycons.set("icon1", Skycons.RAIN);
};
if(icon=="snow"){
var snow =skycons.set("icon1", Skycons.SNOW);
};
if(icon=="sleet"){
var sleet =skycons.set("icon1", Skycons.SLEET);
};
skycons.play();
});
});
//Toggle for Farenhight to Celcius
$("#circle").click(function(){
$(".temp").slideToggle();
});
});
//Works in Edge 6.03.17
//Doesn't work in Firefox 6.03.17
//Works on Chrome 6.04.17