Create Strings using Template Literals - Can't pass challenge

Tell us what’s happening:

I have checked the output array on chrome’s console but I’m not able to pass the test.

Is this issue recorded?

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((e) => `{<li class="text-warning">${e}</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);

Link to the challenge:
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals

You have an extra curly bracket immediately inside the backtick quotes. Those are only used for the variable syntax, not needed for the string.

Could you point that out please

` *{* <li class="text-warning">${e}</li> *}* `

Those curly brackets, the one surrounding ‘e’ is perfectly fine.

1 Like

Thanks a lot for the help