text: 
  //START OF GLOBAL VAR'S
  
  //STORAGE ARRAY FOR SETTING and GETTING. 
  var cityHistory = []
  
  //SET VAR SET CITYHISTORY STORAGE UNIVERSAL VARIBLE 
  var memorySet = function () {
      localStorage.setItem("cityHistory", JSON.stringify(cityHistory))
  }
  
  
  //SET VAR MY CITY RETRIEVE
  var memoryLoad = function () {
      cityHistory = JSON.parse(localStorage.getItem("cityHistory")) || [];
  
  }
  
  //FUNCTION FOR EVENT HANDLER LOCATED IN HTML
  
  function myFunction(citySearch) {
  
  
      // let citySearch = document.querySelector('#citySearch').value;
  
      // BEGINNING OF API
      fetch(
          'http://api.openweathermap.org/data/2.5/weather?q=' + citySearch + '&units=Imperial&appid=80537c5878d1c4c5e4b0fb4912dedc85'
      )
          //PROMISE ONE HANDLING DATA RESPONSE
          .then(function (response) {
              return response.json();
          })
          //PROM TWO WORKING WITH DATA RECEIVED
          .then(function (data) {
              //VAR RETRIEVE
  
              var cityList = data.name;
              if (!data.name) {
                  return;
              }
              //PREPPING FOR MEMORY STORAGE WITH VAR DUPLICATE BOLEAN STATEMENT T/F
              var duplicate = false;
              for (let i = 0; i < cityHistory.length; i++) {
                  const element = cityHistory[i];
  
                  if (element == cityList) {
                      duplicate = true;
                  }
  
                  console.log(cityList);
              }
              if (!duplicate) {
                  cityHistory.push(cityList);
                  // SET TO STORGE WITH CITYLIST
                  memorySet()
              }
  
              fetch('http://api.openweathermap.org/data/2.5/uvi?lat=' + data.coord.lat + '&lon=' + data.coord.lon + '&units=imperial&appid=80537c5878d1c4c5e4b0fb4912dedc85')
  
                  .then(function (responseUv) {
                      return responseUv.json();
                  })
  
                  .then(function (dateUv) {
                      var uvPlease = dateUv.value;
                      console.log(uvPlease);
  
  
                      // ADD VARS FOR DYNAMIC FOR MAIN TEMP
                      $("#current-weather").empty();
                      var mainDate = moment().format('L');
                      var cityNameEl = $("<h2>").text(data.name);
                      var dateDisplay = cityNameEl.append("  " + mainDate);
                      var tempEL = $("<p>").text("Tempature:  " + data.main.temp + F</p);
                      var humEl = $("<p>").text("Humidity:  " + data.main.humidity);
                      var windEl = $("<p>").text("Wind Speed:  " + data.wind.speed);
                      var UvEl = $("<texta>").text('UV: ' + uvPlease);
  
                      // APPEND DYNAMIC MAIN TEMP
                      var newDiv = $('<div>');
                      newDiv.append(dateDisplay, tempEL, humEl, windEl, UvEl);
                      $("#current-weather").html(newDiv);
                      
                      // PREVIOUS HISTORY DISPLAY LEFT SIDE DYNAMICALY CRETAT BUTTON
                      function add() {
                          var element = document.createElement("button");
                          element.textContent = cityList;
                          element.classList.add('historyChoice');
                          element.id = "data-history";
                          element.setAttribute('value', cityList),
                          document.getElementById('button').appendChild(element);
                      }
                      add();
  
                 // FIVE DAY 
                      for(var i = 1; i < 6; i++)
  
                      var dDate = new Date(data.daily[1].dt*1000);
                      console.log(dDate)
  
                      $('#card1-date').innerHTML = "<h5>" + date1.getUTCFullYear() + "</h5>"
                      $('#card1-text').innerHTML = "<p> : " + data.daily [1].humidity + "</br> Temp : " + data.daily [1].temp.day + " F </p>"
                      
                  });
          })
      // 
  
  }
  
  $(document).on("click", ".historyChoice", function(event){
       var buttonCity = event.target
       var cityName = buttonCity.textContent; 
       myFunction (cityName)
  });
  
  
  $('#search-button').on('click', function(){
      let citySearch = document.querySelector('#citySearch').value;
      myFunction (citySearch)
  });
  
  
  
  
  
      // LOAD ON READY 
  
  
     // var currentweather = data.weather[0].main;
  // Create Functions for button
  
  //function () {city
  
  
  // fetch (
  //      'http://api.openweathermap.org/data/2.5/uvi?lat=' + data.coord.lat + '&lon=' + data.coord.lon + '&units=imperial&appid=80537c5878d1c4c5e4b0fb4912dedc8')
  
  //    .then (function(response) {
  //     return response.json();
  //    })
  
  //    .then(function(dataUV) {
  
  //    var data = data.value;
  //    if(data.vaule >=0 ,2) {
  
  //    }
  
  //     console.log (value)
  
  //    });
  
  //    docume
  
  //    if(!duplicate){
  //     // storage.push(cityName);
  //     // save();
  //     // var city=document.createElement('li');
  //     // city.setAttribute("class","list-group-item");
  //     // city.setAttribute("value",cityName);
  //     // city.textContent=cityName;
  //     // listGroup.appendChild(city);
  
  //     // listGroup.innerHTML="";
  //     // for (let i = 0; i < memory.length; i++) {
  //     // storage.push(memory[i])        
  //     // var city=document.createElement('li');
  //     // city.setAttribute("class","list-group-item");
  //     // city.setAttribute("value",memory[i]);
  //     // city.textContent=memory[i];
  //     // listGroup.appendChild(city);
  
  //we need a var which is as function to retrive input from search term.
  
  //var searchTerm =function () { var searchTerm = document.querySelector('#search-button').value };
  
  //begin the fetch
      //step one we need to fetch the data (Fetch is the call){ 
          // 'url' + searchTerm + :='api key'
              // promise 1 which orignizing incomming
                  // .then function (current-weather) {
                  //return current-weather.json(); 
              // promise 2 which loads the data
                  // .then function (current-weather) {
                 //console.log(current-weather.data[0]); 
  //nested fetch for 5 day 3hr forcaste begins
      // 'url' + searchTerm + :='api key'
              // promise 1 which orignizing incomming
                  // .then function (fiveday) {
                  //return fiveday.json(); 
              // promise 2 which loads the data
                  // .then function (fiveday) {
                 //console.log(fiveday.data[0]);
  
      // to git appropreate response to the correct ontainer 
             // var the correcto element name = documents.querySelector ('#idname", "3")
             // create functino of the storage and recall. 
  
  
  //going to need a var for conversion of timiture.
  //going to meed a for loop for uv ray indexed 
  //going to need append icons with loop