Create Strings using Template Literals, "resultDisplayArray is the desired output"

JavaScript
1

Tell us what’s happening:
I am not sure how to interpret the goal “resultDisplayArray is the desired output”, so I am not sure what next steps to take on this assignment. Can someone break it down for me, without giving the direct answer?

Your 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";

  // change code below this line
  const resultDisplayArray = arr.map(result => `<li class="text-warning">${result.failure}</li>`);
  // change code above this line

  return resultDisplayArray;
}
/**
 * makeList(result.failure) should return:
 * [ `<li class="text-warning">no-var</li>`,
 *   `<li class="text-warning">var-on-top</li>`, 
 *   `<li class="text-warning">linebreak</li>` ]
 **/
const resultDisplayArray = makeList(result.failure);

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals

2

Each entry in failure array sould be warpped with<li>and</li>

Think about <li> as string and arrays entries as variables

3

Think about what arr is when makeList(result.failure) is run, and what each value in arr is. This here: ${result.failure}, this is not correct.