added functionality to convert and display response data to html list

.eslintrc.json

@@ -5,6 +5,8 @@
     ],
     "globals": {
       "chrome": true,
+      "document": true,
+      "DOMParser": true,
       "fetch": true,
       "URL": true,
       "WebSocket": true

app/scripts.babel/lib/HtmlUtils.js

@@ -0,0 +1,19 @@
+const jobList = html => `<ul>${html}</ul>`;
+const listItem = job => `<li><a href="${job.link}">${job.title}</a></li>`;
+
+const textToXml = text => new DOMParser().parseFromString(text, 'text/xml');
+const xmlToHtml = (xml) => {
+  const allJobs = [...xml.getElementsByTagName('entry')];
+
+  const html = allJobs.map((job) => {
+    const title = job.getElementsByTagName('title')[0].childNodes[0].nodeValue;
+    const link = job.getElementsByTagName('link')[0].getAttribute('href');
+
+    return listItem({ link, title });
+  });
+
+  return jobList(html.join(''));
+};
+const appendData = (html) => { document.querySelector('.page-content').innerHTML = html; };
+
+export { textToXml, xmlToHtml, appendData };

app/scripts.babel/popup.js

@@ -1,6 +1,7 @@
 import tabUrl from './lib/ActiveTabUrl';
 import jobFeedUrl from './lib/HasjobFeedUrl';
 import { makeRequest, checkStatus, responseText, handleError } from './lib/RequestUtils';
+import { textToXml, xmlToHtml, appendData } from './lib/HtmlUtils';
 
 const processTabUrl = new Promise(tabUrl);
 
@@ -9,5 +10,7 @@ processTabUrl
   .then(makeRequest)
   .then(checkStatus)
   .then(responseText)
-  .then((data) => { console.log(data); }) // eslint-disable-line
+  .then(textToXml)
+  .then(xmlToHtml)
+  .then(appendData)
   .catch(handleError);