Template literals - working in code pen, maybe I am missing something, any tips here

`Tell us what’s happening:
I set resultDisplayArray to an empty array.
I then looped over result.failure and used .push to send each element of the result.failure array to result display array, with the template literal strings wrapping around the element.
I return the result display array.
Tested code in code pen to see if I get these messages

  • 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> ]

I did but still fail on the desired output requirement, is this not the desired output

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(var i = 0; i< result.failure.length; i++)

 { resultDisplayArray.push(`<li class="text-warning> ${result.failure[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);

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.87 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`

I think you shouldn’t have the spaces in your template literals. Spaces are considered when checking if something equals something else.

1 Like

@camperextraordinaire @ilenia ah right! thanks both, I appreciate the help!