function forecastRender(){
                    for(var i = 0; i < 5; i++){
                        var boxID = "box" + i;
                        var forecastBox = $("<div>")
                        .attr({
                            "class": "forecast-box",
                            "id": boxID
                        });
                        var forecastDate = $("<h5>").attr("class", "forecast-date").text(nextFive[i]);
                        var forecastIcon = $("<img src=http://openweathermap.org/img/wn/" + response.list[i].weather[0].icon + ".png>");
                        var forecastTemp = $("<p>").attr("class", "forecast-details").text("Temp: " + response.list[i].main.temp + " °F");
                        var forecastHumid = $("<p>").attr("class", "forecast-details").text("Humidity: " + response.list[i].main.humidity + "%");
            
            
                        forecastRow.append(forecastBox);
                        forecastBox.append(forecastDate);
                        forecastBox.append(forecastIcon);
                        forecastBox.append(forecastTemp);
                        forecastBox.append(forecastHumid);
            
                    }
                }
//Function to create the forecast boxes
Function to create the forecast boxes
Function to create the forecast boxes
function forecastRender(){
                    for(var i = 0; i < 5; i++){
                        var boxID = "box" + i;
                        var forecastBox = $("<div>")
                        .attr({
                            "class": "forecast-box",
                            "id": boxID
                        });
                        var forecastDate = $("<h5>").attr("class", "forecast-date").text(nextFive[i]);
                        var forecastIcon = $("<img src=http://openweathermap.org/img/wn/" + response.list[i].weather[0].icon + ".png>");
                        var forecastTemp = $("<p>").attr("class", "forecast-details").text("Temp: " + response.list[i].main.temp + " °F");
                        var forecastHumid = $("<p>").attr("class", "forecast-details").text("Humidity: " + response.list[i].main.humidity + "%");
                        forecastRow.append(forecastBox);
                        forecastBox.append(forecastDate);
                        forecastBox.append(forecastIcon);
                        forecastBox.append(forecastTemp);
                        forecastBox.append(forecastHumid);
                    }
                }
function forecastRender ( ) { for ( var i = 0 ; i < 5 ; i ++ ) { var boxID = "box" + i ; var forecastBox = $ ( "<div>" ) . attr ( { "class" : "forecast-box" , "id" : boxID } ) ; var forecastDate = $ ( "<h5>" ) . attr ( "class" , "forecast-date" ) . text ( nextFive [ i ] ) ; var forecastIcon = $ ( "<img src=http://openweathermap.org/img/wn/" + response . list [ i ] . weather [ 0 ] . icon + ".png>" ) ; var forecastTemp = $ ( "<p>" ) . attr ( "class" , "forecast-details" ) . text ( "Temp: " + response . list [ i ] . main . temp + " °F") ; var forecastHumid = $ ( "<p>" ) . attr ( "class" , "forecast-details" ) . text ( "Humidity: " + response . list [ i ] . main . humidity + "%" ) ; forecastRow . append ( forecastBox ) ; forecastBox . append ( forecastDate ) ; forecastBox . append ( forecastIcon ) ; forecastBox . append ( forecastTemp ) ; forecastBox . append ( forecastHumid ) ; } }
Function to create the forecast boxes
Function to create the forecast boxes