Learn Modern JavaScript Methods By Building Football Team Cards - Step 30

Tell us what’s happening: I tried to look at the other topic for the same step but It did not work for me

Your code so far

Sorry, your code does not pass. Keep trying.

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

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

The next step would be to display the word (Captain) next to the player if they are listed as a captain for the team.

Right next to 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.

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge Information:

Learn Modern JavaScript Methods By Building Football Team Cards - Step 30

Hi! Take in consideration this two things:

  1. Is not necessary to use parentheses in the isCaptain conditional.
  2. “(Captain)” must be a string, so you should use quotation marks around it.

Hope it helps! :grin: