?Create Strings using Template Literals?

Tell us what’s happening:

I’ve looked through quite a few other posts. Nothing is pointing me to what’s wrong with my code.

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) {
"use strict";
// 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.

Challenge: Create Strings using Template Literals

Link to the challenge:

When using template literals, they must be enclosed in backticks (`).

Since you’re using regular single quotes (’), it’s interpreting it as a normal string, which prevents you from using the ${} embedded expressions.

So simple, thank you. I reread the lesson and now I’m kicking myself.