Template Literals exercise

JavaScript
1

please tell me …
at which point i do mistake

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

for (let i = 0; i < arr.length; i++) {
  const failureItems = arr.map(item => `<li class="text-warning">${item}</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:

2

I am a little confused. I see:

for (let i = 0; i < arr.length; i++) {
  const failureItems = arr.map(item => `<li class="text-warning">${item}</li>`);

You start a for loop (which doesn’t have a close curly brace, btw) to loop through arr and then also within that loop you do a map, which is also a loop through arr. You only have to loop once, right? I was able to get your code to pass by deleting something.

3

I am also going to link the mdn article for map because once you understand how it works you will start to enjoy using it.

1 Like