CSCI 3342 Web Development
Spring 2024

Client-side page updates

Manipulating the page

DOM DOM DOM
Navigate your browser to the static file http://localhost:8080/quote_list.html
Client-side code for this part will be put in the linked file quote_list.js.
On page load, fetch /quotes and display them in the list (get rid of the mocked up items in the html)
For this part, each list item only needs the quote text (and the class property "list-group-item" for the bootstrap styling). This is to keep creation of new DOM nodes simple, as in the video below. We'll deal with the other data in the quotes in the next assignment.

Video Example: Adding DOM elements (9:16)

How to create and append new elements from data.