ES6 - Create Strings using Template Literals

JavaScript
1

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: ["id-blacklist", "no-dup-keys"]
};

function makeList(arr) {
  "use strict";
 
 
  // Only change code below this line
  const resultDisplayArray = (arr) =>{
    let failure = [];
   for (let element of arr) {
      failure.push(`<li class="text-warning">${element}</li>`);
    }
  
    return failure;
    
  };
  // Only change code above this line

  return resultDisplayArray(arr);
}

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

I’ve tried many methods but still cant make it pass. Someone help.

Your browser information:

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

Challenge Information:

ES6 - Create Strings using Template Literals

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

3

It looks like you changed a whole bunch of stuff that you weren’t supposed to and that is causing the tests to break.

Reset the lesson and make sure to only make changes in the areas it tells you to

Add in your for of loop and make sure you are pushing to the failureItems array not the failure array.

Once you fix those issues then it will pass

1 Like
4

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 < result.failure.length; i++) {
failureItems.push(<li class="text-warning">${result.failure[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/119.0.0.0 Safari/537.36

Challenge Information:

ES6 - Create Strings using Template Literals

5

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

1 Like
6

I merged your threads.

For the last version of the code, you forgot the template string around the li element.

failureItems.push(<li class="text-warning">${result.failure[i]}</li>);
7

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