text: class UI {
      constructor(){
          this.location = document.getElementById('w-location');
          this.desc = document.getElementById('w-desc');
          this.string = document.getElementById('w-string');
          this.details = document.getElementById('w-details');
          this.icon = document.getElementById("w-icon");
          this.humidity = document.getElementById('w-humidity');
          this.feelsLike = document.getElementById('w-feels-like');
          this.location = document.getElementById('w-location');
          this.wind = document.getElementById('w-wind');
      }
  
      paint(weather){
          this.location.textContent = weather.name;
          this.desc.textContent = weather.weather[0].description;
          this.icon.setAttribute('src', `https://openweathermap.org/img/w/${weather.weather[0].icon}.png`);
          this.humidity.textContent = `Humidty: ${weather.main.humidity}`;
          this.feelsLike.textContent = `Temperature (c): ${weather.main.temp}`;
          this.wind.textContent = `Wind Speed: ${weather.wind.speed}`;
      }
  }
  