Create Strings using Template Literals-gt

Tell us what’s happening:

Getting error " resultDisplayArray is the desired output" . I am getting the necessary result as stated in the challenge, unable to understand as to why I am getting this error?

// tests completed

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>`)
  }
 
  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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36.

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

Check the css class you used in the li-tag. It is not exactly the same as the class requested.

1 Like

Got it ,looks the class was missing “-” between text &warning. Thanks for your help.