ES6 create strings using template literals

This code isn’t working. It was presented as one of the solutions. I don’t know what to do.

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 = [];
 for (let i = 0; i < arr.length; i++) {
   resultDisplayArray.push(`<li class="text warning">${arr[i]}</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);

User Agent is: Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36.

Challenge: Create Strings using Template Literals

Link to the challenge:

Hi, The code worked for me, have you tried to console.log your output?


Another soluation would be to use the es6 map function

const resultDisplayArray = => {
  return `<li class="text-warning">${x}</li>`

You have a typo in this part: <li class="text warning">${arr[i]}</li>

Took me a long time to spot! Spoiler: missing dash in “text-warning”

thank you.I used the map function with result.failure and it worked. finally