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

Tell us what’s happening:

I have trouble solving this step. what should i do?

Your code so far

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

/* file: styles.css */

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


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


// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:142.0) Gecko/20100101 Firefox/142.0

Challenge Information:

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

make sure your string match exactly the requirement

If so, return "(Captain)" otherwise return an empty string.