Learn Modern JavaScript Methods by Building Football Team Cards - Step 25

Tell us what’s happening:

Step 25

Inside the body of the callback function, you will need to return a template literal ```` which will contain the HTML content for the player cards.

Inside the template literals, add an empty div with a class of "player-card".

Your code so far

<!-- file: index.html -->

/* file: script.js */
// User Editable Region


  playerCards.innerHTML += arr.map(
    ({ name, position, number, isCaptain, nickname }) =>  {
      `<div class="player-card"></div>`
    }
  );


// User Editable Region
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Challenge Information:

Learn Modern JavaScript Methods by Building Football Team Cards - Step 25

1 Like

I don’t get it why the div is not working

Maybe because you forgot the return statement?