app.js

window.addEventListener("load", ()=> {
      let long;
      let lat;
      let temperatureDescription = document.querySelector(".temperature-description");
      let temperatureDegree = document.querySelector(".temperature-degree");
      let locationTimezone = document.querySelector(".location-timezone");
      let temperatureSection = document.querySelector(".temperature");
      const temperatureSpan = document.querySelector(".temperature span")
      if(navigator.geolocation){
       
      } else{
          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/0030c201fe4c26b2a3ffaf1839251444/${lat},${long}`;

        fetch(api)  
       .then(response =>{
           return response.json();
       })
     .then(data => {
        
         const {temperature, summary } = data.currently;
           //set DOM Elements from the API    
           temperatureDegree.textContent = temperature;
         temperatureDescription.textContent = summary;
         locationTimezone.textContent = data.timezone;
         //formula for celsiuse
         let celsius =(temperature - 32) * (5/9);
         //set Icon
        setIcons(icon, document.querySelector(".icon"));
        //change temperature to celsius/farenheite
         temperatureSection.addEventListener('click', () =>{
             if(temperatureSpan.textContent === "F"){
               temperatureSpan.textContent = "C"; 
               temperatureDegree.textContent = Math.floor(celsius); 
             } else {
                 temperatureSpan.textContent = "F";
                 temperatureDegree.textContent = temperature; 
                }
         }) 
        });
      
    });   
      }
  
      function setIcons(icon, iconID){
          const skycons = new Skycons({color: "white"});
           const currentIcon = icon.replace(/-/g, "_").toUppercase();
           skycons.play();
           return skycons.set(iconID, Skycons[currentIcon]);
        }
 
});