*Challenge:** Create Strings using Template Literals

[HamnafTech]

Tell us what’s happening:
Describe your issue in detail here.

  **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 < arr.length ;i++) {
  failureItems.push('<li class = "text-warning">${arr[i]}</li>');
}
// Only change code above this line

return failureItems;
}

const failuresList = makeList(result.failure);

  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; U; Android 11; en-us; TECNO KF6i Build/RP1A.200720.011) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Mobile Safari/537.36 PHX/9.4

Challenge: Create Strings using Template Literals

Link to the challenge:

freeCodeCamp.org

Blockquote

[DanCouper]

Template literals, not strings. In your code you are pushing the literal string

'<li class = "text-warning">${arr[i]}</li>'

As in, the html stuff + the actual characters ${arr[i]}

Template literals do not use '