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

JavaScript
1

Tell us what’s happening:

it Says add a space between “(Captain)” and name, I have done that still showing error. const setPlayerCards = (arr = players) => {
playerCards.innerHTML += arr.map(
({ name, isCaptain }) => {
return <div class="player-card"> <h2>${isCaptain ? "(Captain)" : ""} ${name}</h2> </div> ;
}
).join(‘’);
};

Your code so far

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


/* file: styles.css */


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


  const setPlayerCards = (arr = players) => {
  playerCards.innerHTML += arr.map(
    ({ name, isCaptain }) => {
      return `
        <div class="player-card">
          <h2>${isCaptain ? "(Captain)" : ""} ${name}</h2>
        </div>
      `;
    }
  ).join('');
};


// User Editable Region

Your browser information:

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

Challenge Information:

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

2

Welcome to the forum. Can you show an example of the output?