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

Tell us what’s happening:

I’m stuck! I think I’ve tried every possible combination of syntax and I just can’t get it right. Any help will be greatly appreciated.

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>${isCaptain ? "(Captain)" : ""} ${name}</h2>
          <p>Position: ${position}</p>
          <p>Number: ${number}</p>
        <p>Nickname:${nickname} !== null ? ${nickname} : "N/A"</p>  
        </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/125.0.0.0 Safari/537.36

Challenge Information:

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

Right after I posted this, I gave it another shot and it worked!!!

1 Like

it’s the ‘rubber-duckie effect’.
The act of talking about a problem usually helps in moving forward with a solution.

1 Like