Create Strings using Template Literals - desired output

JavaScript
1

Tell us what’s happening:
I’m getting the following in the test code at the bottom right hand side of the screen:

resultDisplayArray is the desired output.

I’m sure that my answer is correct. I’ve read that there’s a bug with this problem but it was back in July. Is there still one?

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(str => `<li 
  class="text-warning">${str}</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_1) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0.1 Safari/605.1.15.

Link to the challenge:

2

Try putting it on one line.

3

You have unnecessary spaces between li and class…