Create strings using template literals, is this an acceptable solution?

Tell us what’s happening:

I have the following solution. Is this considered an acceptable solution? It is different from the 2 posted solutions, but it still passed the test.

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 resultArrayValues = [];

  function getResultArrayElement(value) {
      resultArrayValues.push(`<li class="text-warning">${value}</li>`);
  };

  arr.forEach(getResultArrayElement);

  const resultDisplayArray = resultArrayValues;
  // 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/79.0.3945.130 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

If it passes all the tests, then it’s a solution. The solutions in the hints are just possible ways to solve the problem.