Step $1$: Fetch the quotes

The fetchQuotes$()$ function in quote.js is called with the selected topic and count when the Fetch Quotes button is clicked. Currently, fetchQuotes$()$ calls showAnonymousQuotes$()$ to display example quotes in an ordered list.

Modify fetchQuotes$()$ to use the XMLHttpRequest object to request quotes from the quote web API. Set the XMLHttpRequest's responseType to expect a JSON response. Register responseReceivedHandler$()$ as the XMLHttpRequest's load event handler.

Step $2$: Display the quotes

Implement responseReceivedHandler$()$ to extract the quotes from the XMLHttpRequest response and display the quotes in an ordered list. Each quote should be followed by a space, a dash, a space, and the source. You may find it helpful to repurpose the code in showAnonymousQuotes$()$ to create the quote list.

Ex: If the user chooses "love" and $"3"$ and clicks Fetch Quotes, responseReceivedHandler$()$ should place the returned quotes in an ordered list inside the