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

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

`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

You have two issues:

  1. Your class attribute’s value is not surrounded by quotes.
  2. You should not be putting spaces before or after the text inside the li elements.

Although you can reference the globally declared variable result, why not just use the variable available local to your function which is the array passed to it?

1 Like

@RandellDawson @ieahleen ah right! thanks both, I appreciate the help!