Create Strings using Template Literal

[arrbxr]

Can anybody tell me what’s wrong here,:

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.failure[0]}</li>
  <li class="text-warning">${arr.failure[1]}</li>
  <li class="text-warning">${arr.failure[2]}</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/66.0.3359.181 Safari/537.36.

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

[alhazen1]

Hi,

1. resultDisplayArray is not an array.
2. As written your function will only work if there are exactly three error conditions. (Will pass challenge though)
3. You need to check into what exactly arr is. The parameter passed is result.failure, not result

@arrbxr

function makeList(arr) {
  "use strict";
  alert(arr);  //  <--- arr is not what you think
  // change code below this line
  const resultDisplayArray = `&lt;li class="text-warning"&gt;${arr.failure[0]}&lt;/li&gt;
  &lt;li class="text-warning"&gt;${arr.failure[1]}&lt;/li&gt;
  &lt;li class="text-warning"&gt;${arr.failure[2]}&lt;/li&gt;`;
  // change code above this line

  return resultDisplayArray;
}