ES6 Creating a string using Template literals

JavaScript
1

Any reason why this is not passing?? It’s pretty frustrating.

[spoiler]
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(item => resultDisplayArray.push(`<li class="text-warning" > ${item} </li>`))
  // change code above this line

  return console.log(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);
[/spoiler]
2

Is there any more code? I don’t see any variable arr in what is displayed, or you can just post the link to the excercise.

3

You seem to not understand what map does for you. You do not need to push anything to resultDisplayArray. map returns a new array (which can just assign to resultDisplayArray).

The map callback function should just return the applicable string (using template literal syntax). You are close, but you need to let map work for you and not use push.