*Challenge:** Create Strings using Template Literals

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:


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 '

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.