script.js

// API_KEY for maps api
let API_KEY = "a8e71c9932b20c4ceb0aed183e6a83bb";

// Retrieve weather data from openweathermap

getWeatherData = (city) => {
  const URL = "https://api.openweathermap.org/data/2.5/weather";
  //HINT: Use template literals to create a url with input and an API key
  const fullURL = `${URL}?q=${city}&appid=${API_KEY}&units=metric`;
  weatherPromise = fetch(fullURL);
  return weatherPromise
    .then((response) => {
      return response.json();
    })
    .catch((err) => console.log(err));
};

// Retrieve city input and get the weather data

searchCity = () => {
  const city = document.getElementById("city-input").value;
  data = getWeatherData(city);

  return data
    .then((response) => {
      console.log(response);
      showWeatherData(response);
    })
    .catch((err) => console.log(err));
};

// Show the weather data in HTML

showWeatherData = (weatherData) => {
  document.getElementById("city-name").innerHTML = weatherData.name;
  document.getElementById("weather-type").innerText =
    weatherData.weather[0].main;
  document.getElementById("temp").innerText = weatherData.main.temp;
  document.getElementById("min-temp").innerText = weatherData.main.temp_min;
  document.getElementById("max-temp").innerText = weatherData.main.temp_max;
};