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

Tell us what’s happening:

Okay, can someone please help me figure this out?!

I mean, what do I do? Do I put it in the heading element? Below the heading element? Below the div element? Everything I’ve tried is wrong.

I’M GOING CRAZY!

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}</h2>
          ${name} ${isCaptain ? '(Captain)' : ''}
        </div>
      `;
    }
  );


// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

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

Never mind. I somehow read it as “below” and not “before” :woman_facepalming:t5:

1 Like