ES6--Create Strings using Template Literals

Hello, I don’t understand what is the problem with my code.
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals/

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(res =><li="text-warning">${res}</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);

Any suggestions?

Thanks

Your code " <li="text-warning">${res}</li> " isn’t shown correctly

how do I show it correctly?

when you click the ‘ask for help’ button your code is already shown and there is no need to copy paste it
just add the text you want to have others know what the problem is inside Tell us what’s happening:

OK I will do that. Hopefully it will work. It seems that it is not displaying the desired output resultDisplayArray