VIEW
Extract the HTML from the renderVolunteerList function and create a function to return this markup.
Pass in the volunteer data to render the dynamic content correctly.
Place renderCard function inside this file as well
CONTROLLER
Target the element you want to inject the markup into (Root)
Use view function to store markup inside markup variable
Inject markup into the HTML of the target element
Set up event listeners:
1) Search Button executing showSearchResults function when clicked
2) Search Results executing renderVolunteerDetails when clicked
VIEW Extract the HTML from the renderVolunteerList function and create a function to return this markup. Pass in the volunteer data to render the dynamic content correctly. Place renderCard function inside this file as well
CONTROLLER Target the element you want to inject the markup into (Root) Use view function to store markup inside markup variable Inject markup into the HTML of the target element Set up event listeners: 1) Search Button executing showSearchResults function when clicked 2) Search Results executing renderVolunteerDetails when clicked