Create Strings using Template Literals-whats going on?

Tell us what’s happening:
I am trying to solve this question.
“Use template literal syntax with backticks to display each entry of the result object’s failure array. Each entry should be wrapped inside an li element with the class attribute text-warning, and listed within the resultDisplayArray.”

I have made the list and used the templates as shown in the example but none of my tests are passing. Any ideas guys?

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 =` [<li class = "text-warning"> ${result.failure[0]}</li>,**
**  <li class= "text-warning"> ${result.failure[1]}</li>**
**  , <li class = "text-warning"> ${result.failure[2]} </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 (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

You need to use the map function. See this thread.

Thank you, the link was helpful!