window.addEventListener ('load', () => {

let long;

let lat;

let temperatureDescription = document.querySelector (

'.temperature-description'

);

let temperatureSection = document.querySelector ('.temperature');

let temperatureDegree = document.querySelector ('.temperature-degree');

let locationTimezone = document.querySelector ('.location-timezone');

let temperatureSpan = document.querySelector ('.temperature span');

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition (position => {

long = position.coords.longitude;

lat = position.coords.latitude;

const proxy = 'https://cors-anywhere.herokuapp.com/';

const api = `${proxy}https://api.darksky.net/forecast/f11990b2667871f374a5626d20445c78/${lat},${long}`;

fetch (api)

.then (response => {

return response.json ();

})

.then (data => {

const {temperature, icon, summary} = data.currently;

//set DOM elements from the API

temperatureDegree.textContent = temperature;

temperatureDescription.textContent = summary;

locationTimezone.textContent = data.timezone;

//formula for celsius

let celsius = (temperature - 32) * (5 / 9);

//set icon

setIcons (icon, document.querySelector ('.icon'));

//change temperature to Celsius

temperatureSection.addEventListener ('click', () => {

if (temperatureSpan.textContent === 'F') {

temperatureSpan.textContent = 'C';

temperatureDegree.textContent = Math.floor (celsius);

} else {

temperatureSpan.textContent = 'F';

temperatureDegree.textContent = temperature;

}

});

});

});

} else {

h1.textContent = 'Please Activate Your Location';

}

function setIcons (icon, iconID) {

}

});