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

JavaScript
1

Tell us what’s happening:

The challenge task Before the ${name} expression, add a new embedded expression. Inside that expression, use a ternary operator to check if isCaptain is true. If so, return “(Captain)” otherwise return an empty string.

What should I make changes in my code?

The error shows that

You should use a ternary operator to check if isCaptain is true and return “(Captain)” or return an empty string.

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

Challenge Information:

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

2

Place ${isCaptain ? "(Captain)" : " "} before ${ name } as mentioned.

If the player isn’t a captain, you should return an empty string "" not a space " ".

3

You just need to add a small detail