Create Strings using Template Literals (anothe error)

JavaScript
1

Tell us what’s happening:

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 = 
  `[ <li class="text-warning">${arr[0]}</li>,
    <li class="text-warning">${arr[1]}</li>, 
    <li class="text-warning">${arr[2]}</li> ]`;
  // change code above this line`*/
const resultDisplayArray = arr.map(item => `<li class"text-warning">${item}</li>`);
//console.log(resultDisplayArray);
  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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36.

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

I got:
// running test
resultDisplayArray is the desired output.
Template strings were used
// tests completed
What is trouble?

2

You have a syntax error in the string you’re returning. Make sure it’s a valid dom element.

4

i must will do document.write in this lesson? O_o

5

No. Look at how you wrote the li, and how you’re trying to set the class.

Scroll down on this page and take a look at the html example https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors

1 Like
6

sorry, did not see
Thank you friend

1 Like
7

No need to be sorry. Everyone makes typos. It’s the source of many bugs. Happy coding!