Point me in the right direction?

[jeichler7]

Okay, so I got it written mostly right then had to check the answer after working on it for a bit. I believe i’ve tweaked it to what the answer says it is, but it’s still not running the test all the way. I’m very confused but I’m sure it’s something small.

  **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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Create Strings using Template Literals

Link to the challenge:

freeCodeCamp.org

[jwilkins.oboe]

@jeichler7

I’m very confused but I’m sure it’s something small.

You have spacing issues here

@jeichler7

text-warning"> ${arr[i]}

Every small detail counts in programming

Hope that helps!

[jeichler7]

Is it the space between my arrow and the dollar symbol?

[jwilkins.oboe]

Yes, because look at what it produces

That doesn’t match the results they are looking for here

You should use console.log to help you debug errors.

If you add console.log(failuresList) at the bottom of your code you will be able to spot the spacing issue like I did.

Hope that helps!

[jeichler7]

thank you very much.