function sevenDayForecast(response) {
    sevenDayDiv.show();
    sevenDay.empty();
    for (var i = 1; i < 8; i++) {
      var newDay = response.daily[i];
      var newDate = moment().add(i, "days").format("L");
      var dayOfWeek = moment().add(i, "days").format("dddd");
      var newCard = $(
        '<div class="card text-white bg-primary" style="max-width: 16rem; display: inline-block"></div>'
      );
      newCard.append("<div class='card-header'>" + newDate + "</div>");
      newCard.append("<div class='card-header'>" + dayOfWeek + "</div>");
      newCard.append(
        $(
          '<img class="images" src ="https://openweathermap.org/img/wn/' +
            newDay.weather[0].icon +
            '.png"/>'
        )
      );
      newCard
        .append('<div class="card-body"></div>')
        .append(
          '<p class="card-title">' +
            Math.floor(newDay.temp.min) +
            String.fromCharCode(176) +
            "/" +
            Math.ceil(newDay.temp.max) +
            String.fromCharCode(176) +
            "</p>"
        )
        .append(
          '<p class="card-text">' +
            "Humidity: " +
            newDay.humidity +
            "%" +
            "</p>"
        );

      sevenDay.append(newCard);
    }
  }
//  Grabs Seven Day Forecast and Creates Cards for each day - Nests inside UV Function
Grabs Seven Day Forecast and Creates Cards for each day - Nests inside UV Function
Grabs Seven Day Forecast and Creates Cards for each day - Nests inside UV Function
function sevenDayForecast(response) {
    sevenDayDiv.show();
    sevenDay.empty();
    for (var i = 1; i < 8; i++) {
      var newDay = response.daily[i];
      var newDate = moment().add(i, "days").format("L");
      var dayOfWeek = moment().add(i, "days").format("dddd");
      var newCard = $(
        '<div class="card text-white bg-primary" style="max-width: 16rem; display: inline-block"></div>'
      );
      newCard.append("<div class='card-header'>" + newDate + "</div>");
      newCard.append("<div class='card-header'>" + dayOfWeek + "</div>");
      newCard.append(
        $(
          '<img class="images" src ="https://openweathermap.org/img/wn/' +
            newDay.weather[0].icon +
            '.png"/>'
        )
      );
      newCard
        .append('<div class="card-body"></div>')
        .append(
          '<p class="card-title">' +
            Math.floor(newDay.temp.min) +
            String.fromCharCode(176) +
            "/" +
            Math.ceil(newDay.temp.max) +
            String.fromCharCode(176) +
            "</p>"
        )
        .append(
          '<p class="card-text">' +
            "Humidity: " +
            newDay.humidity +
            "%" +
            "</p>"
        );
      sevenDay.append(newCard);
    }
  }
function sevenDayForecast ( response ) { sevenDayDiv . show ( ) ; sevenDay . empty ( ) ; for ( var i = 1 ; i < 8 ; i ++ ) { var newDay = response . daily [ i ] ; var newDate = moment ( ) . add ( i , "days" ) . format ( "L" ) ; var dayOfWeek = moment ( ) . add ( i , "days" ) . format ( "dddd" ) ; var newCard = $ ( '<div class="card text-white bg-primary" style="max-width: 16rem; display: inline-block"></div>' ) ; newCard . append ( "<div class='card-header'>" + newDate + "</div>" ) ; newCard . append ( "<div class='card-header'>" + dayOfWeek + "</div>" ) ; newCard . append ( $ ( '<img class="images" src ="https://openweathermap.org/img/wn/' + newDay . weather [ 0 ] . icon + '.png"/>' ) ) ; newCard . append ( '<div class="card-body"></div>' ) . append ( '<p class="card-title">' + Math . floor ( newDay . temp . min ) + String . fromCharCode ( 176 ) + "/" + Math . ceil ( newDay . temp . max ) + String . fromCharCode ( 176 ) + "</p>" ) . append ( '<p class="card-text">' + "Humidity: " + newDay . humidity + "%" + "</p>" ) ; sevenDay . append ( newCard ) ; } }
Grabs Seven Day Forecast and Creates Cards for each day - Nests inside UV Function
Grabs Seven Day Forecast and Creates Cards for each day - Nests inside UV Function