JavaScript

Question 1

What arguments are required by the fetch( ) method in the ‘weather-forecast app’; what does it return as output, and what is the method that serves this output?

Answer 1

Mandatory resource path: url

Input element’s id: #location

API Key: apiKey

Returns a Promise: response

.then(function(response) { … }

Question 2

What methods are used to update the activities list in the weather-forecast app, and what arguments do they take?

Answer 2

Document.querySelectorAll(‘.options div’)

.forEach(function (el) { … }

El.addEventListener(‘click’, … )

UpdateActivityList // as argument in addEventListener.

Question 3

What are the state object variables in the weather-forecast app?

Answer 3

Condition: response.weather[0].main

Icon: “http://openweathermap.org/img/w/“ + response.weather[0].icon + “.png”

DegC: response.main.temp

City: response.name

Question 4

What conditional logic is used in the updateUISuccess(response) method to parse data into the .conditions div?

Answer 4

fragment = document.createDocumentFragment( ),
container = document.createElement('div');

fragment.appendChild(container);

if (document.querySelector(‘.conditions div’)) {
into.replaceChild(fragment, document.querySelector(‘.conditions div’));
}
else {
into.appendChild(fragment);
}

Question 5

handleResize();

Answer 5

…

Question 7

window.addEventListener

Answer 7

…

Question 8

componentWillUnmount

Answer 8

…