Create Strings using Template Literals help this

Tell us what’s happening:

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 = `
  $(result)
  `;
  // 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

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

result is not an array. result is an object, so all you have done is assigned a reference of the result object to resultDisplayArray. The instructions tell you to create a new array of strings which will be li elements as shown in the commented out section of the challenge code. You will need to reference the failure property (which IS an array of result) and iterate through it to create the array of strings. You will end up using the template literal to create the actual string elements.

Please give the solution. I am having some doubts and tried all that was possible. Maybe I missed some thing.

you should try searching the forum if you need further help understanding. The topic has been asked about multiple times.