ES6 create strings using template literals

JavaScript
1

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);

Chrome
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:
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals

2

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

console.log(resultDisplayArray)

Another soluation would be to use the es6 map function

const resultDisplayArray = result.failure.map(x => {
  return `<li class="text-warning">${x}</li>`
})
3

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”

4

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