openWeatherMap api

openWeatherMapAPI.js

// 현재 위치 정보 가져오기
navigator.geolocation.getCurrentPosition(position => { 
  latitude = position.coords.latitude;
  longtitude = position.coords.longitude;
  
  // fetch 이용하여 API와 통신
  fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${latitude}&lon=${longtitude}&appid=myapikeynumbers&units=metric`)
  .then(function(response) { 
    return response.json();
  })
  .then(function(json) {
    console.log(json);
    
    // HTML에 보여주기
    const location = document.querySelector('#location'); 
    const weather = document.querySelector('#weather');
    location.innerHTML = `${Math.floor(json.main.temp)}°&nbsp`; // 온도를 정수로 변환
    weather.innerHTML = `${json.name}`;
  });
})