{"size": 996, "ext": "js", "max_stars_repo_path": "app/weather/ui.js", "max_stars_repo_name": "AidanJReid/developer-site", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/weather/ui.js", "max_issues_repo_name": "AidanJReid/developer-site", "max_issues_repo_issues_event_min_datetime": "2020-05-06T16:13:05.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-28T20:31:16.000Z", "max_forks_repo_path": "app/weather/ui.js", "max_forks_repo_name": "AidanJReid/developer-site", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 10, "max_forks_count": null, "avg_line_length": 47.4285714286, "max_line_length": 104, "alphanum_fraction": 0.6666666667}
class UI {
  constructor(){
      this.location = document.getElementById('w-location');
      this.desc = document.getElementById('w-desc');
      this.string = document.getElementById('w-string');
      this.feels = document.getElementById('w-feels');
      this.icon = document.getElementById('w-icon');
      this.humidity = document.getElementById('w-humidity');
      this.detail = document.getElementById('w-detail');
  }

  paint(weather) {
      this.location.textContent = weather.name;
      this.desc.textContent = `${Math.round(weather.main.temp)}°C`;
      this.string.textContent = weather.weather[0].main;
      this.icon.setAttribute('src', `http://openweathermap.org/img/wn/${weather.weather[0].icon}.png`);
      this.humidity.textContent = `Relative Humidity: ${Math.round(weather.main.humidity)}%`;
      this.detail.textContent = weather.weather[0].description;
      this.feels.textContent = `Feels Like: ${Math.round(weather.main.feels_like)}°C`;
  }
}