Template Literals Error

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:

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

1 Like

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