ES6 - Create Strings using Template Literals

JavaScript
1

Tell us what’s happening:
Describe your issue in detail here.
I solved the problem but I found out that if I replace arr with result.failure it also passes as correct. In this case it is correct for result.failure because that’s the one which is used. But the function wouldn’t be useable for result.success or result.skipped.

Should I file this as a bug? Or leave it as is?

Your code so far

const result = {
  success: ["max-length", "no-amd", "prefer-arrow-functions"],
  failure: ["no-var", "var-on-top", "linebreak"],
  skipped: ["no-extra-semi", "no-dup-keys"]
};
function makeList(arr) {
  // Only change code below this line
  const failureItems = [];
  for (let i = 0; i < result.failure.length; i++){
    failureItems.push(`<li class="text-warning">${result.failure[i]}</li>`);
    // always remember to use the function parameter.
  }
  
  // Only change code above this line

  return failureItems;
}

const failuresList = makeList(result.failure);
console.log(failuresList);

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: ES6 - Create Strings using Template Literals

Link to the challenge: