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

JavaScript
1

Tell us what’s happening:

i don t know why my code doesn’t work. Can you help me ?

Your code so far

<!-- file: index.html -->


/* file: script.js */
// User Editable Region


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


// User Editable Region

/* file: styles.css */

Your browser information:

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

Challenge Information:

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

2

Hi there @orsaionutc !

You have an extra curly brace after the name variable.

3

thank you but it still won’t work

4

Hi @orsaionutc

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image618×134 7.42 KB

The return keyword is missing from your code.

Happy coding