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

JavaScript
1

Tell us what’s happening:

Hi please help me out with the finishing on this code

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 }) => {
     return `
       <div class="player-card">
          <h2>${name}${name}$</h2>
          </div>
    }``
  );

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.1.1 Safari/605.1.15

Challenge Information:

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

2

Remove the second name embedded expression. You have written it twice for some reason. Also you have a stray dollar sign after the expression. Your closing backticks have gone awry with your closing brackets. I suggest you reset and start again. The backticks need to wrap around the html text before the semi colon.

1 Like
3

It would help if you talk about how exactly you’re stuck solving the problem and what debugging you’ve tried