Use the following HTML to answer the rest of the questions.
<divid="container"><h4>This is a cool heading!</h4><ulclass="list"><li>The first list item</li><li>The second list item</li></ul><p>This is a random "p" tag with a <span>SPAN</span> inside of it for some reason!</p><li>This list item clearly makes no sense here!!! Who wrote this horrible code?</li></div>
2. Provide the JavaScript code that would get the second list item from the DOM and save it to a variable called secondListItem.
3. Once you have the secondListItem node, how could you traverse the DOM tree to get the <p> tag.
4. What query could you do to get just the li tags that are inside the ul and not that random janky one that's near the bottom for some reason?
Events
1. Why do we use a DOMContentLoaded listener?
2. What type of element does a submit event happen to?
3. What attribute of an input element can we use to easily retrieve data from form inputs?
4. What are the 2 required parameters we have to pass into a call to addEventListener?
Fetch
1. Write the code to do a GET fetch request to "notarealwebsite.com" and log the response from the server to the console.
2. Following RESTful conventions (see restular.com if you need a bit of help with that), write the fetch request to update the user record with an id of 1 at the URL "notarealwebsite.com".
3. What effect does the following fetch request have in the database? What does the following fetch request return?