Template Literals Error

JavaScript
1

Tell us what’s happening:

Hello guys, please help me figure out whats wrong with my code. it is giving me an error “failureList should be equal to specified output”

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
"use strict"
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/84.0.4147.125 Safari/537.36.

Challenge: Create Strings using Template Literals

Link to the challenge:

2

The problem is the extra whitespace here. Just remove that and it’s fine:
<li class="text-warning">

1 Like
3

your output is

[ '<li class = "text-warning">no-var</li>',
  '<li class = "text-warning">var-on-top</li>',
  '<li class = "text-warning">linebreak</li>' ]

a bit different from the required output

[
  '<li class="text-warning">no-var</li>',
  '<li class="text-warning">var-on-top</li>',
  '<li class="text-warning">linebreak</li>'
]

spaces needs to be as required

1 Like
4