ES6 Create Strings using Template Literals - Help Needed

JavaScript
1

How do I create an li element in FCC? Since it’s saying that document is undefined.

Code so far:


const result = {
success: ["max-length", "no-amd", "prefer-arrow-functions"],
failure: ["no-var", "var-on-top", "linebreak"],
skipped: ["id-blacklist", "no-dup-keys"]
};
function makeList(arr) {
"use strict";

// Only change code below this line
const resultDisplayArray = arr;
for (const status of resultDisplayArray) {
  const listItem = document.createElement("li");
  listItem.classList.add("text-warning");
  listItem.textContent = `${status}`;
}
// Only change code above this line

return resultDisplayArray;
}

const resultDisplayArray = makeList(result.failure);

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36.

Challenge: Create Strings using Template Literals

Link to the challenge:

2

you just need to build strings and store them in the array, no DOM manipulation is required