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

Tell us what’s happening:

I have used the ternary operator but the answer is not correct i can’t find the reason.

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 }) => {
      `
        <div class="player-card">
        <h2>${name}${isCaptain ? "(Captain)" : " "}</h2>
        </div>
      `;
    }
  );


// 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/123.0.0.0 Safari/537.36

Challenge Information:

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

Right now you are returning an empty string with a space

that is not the same as an empty string with no spaces.

once you fix that, then it will pass

1 Like