Tell us what’s happening:
Any help ? it displays all the elements in failure but im not sure why its wrong 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";
// change code below this line
const resultDisplayArray = arr.map((value) =>`<li class="text-warning">$(value)</li>`);
// change code above this line
return resultDisplayArray;
}
/**
* makeList(result.failure) should return:
* [ <li class="text-warning">no-var</li>,
* <li class="text-warning">var-on-top</li>,
* <li class="text-warning">linebreak</li> ]
**/
const resultDisplayArray = 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/66.0.3359.181 Safari/537.36
.
Link to the challenge:
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals
Hey, please search the forum before you post for help.
1 Like
Sorry my bad i saw multiple posts thought it will be okay
try {} instead of () when you use templet literal. // ${value}
Arronk
5
Can anybody please tell me why my code does not pass the string literals test? I am definitely using template strings
function makeList(arr) {
"use strict";
// change code below this line
const resultDisplayArray =
[`<li class="text-warning">${arr[0]}</li>`,
`<li class="text-warning">${arr[1]}</li>`,
`<li class="text-warning">${arr[2]}</li>`];
// change code above this line
return resultDisplayArray;
}
All you have to do to loop each key values for the given input and push them into array…
const resultDisplayArray = [];
arr.forEach(val => {
resultDisplayArray.push(`<li class="text-warning">${val}</li>`)
})
check this one…