fix(curriculum):Added return inside map from step-25 to 45 and test for checking space between isCaptain and name (freeCodeCamp#56918)

Author: kamalsinghb

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e954321b0a77ae4f6d9650.md

@@ -7,18 +7,18 @@ dashedName: step-25
 
 # --description--
 
-Inside the body of the callback function, you will need to add template literals ``` `` ``` which will contain the HTML content for the player cards. 
+Inside the body of the callback function, you will need to return a template literal ``` `` ``` which will contain the HTML content for the player cards. 
 
 Inside the template literals, add an empty `div` with a class of `"player-card"`.
 
 # --hints--
 
-You should use template literals to add an empty `div` with a class of `"player-card"`.
+The `map` callback should return a template literal that contains an empty `div` with a class of `"player-card"`.
 
 
 ```js
 
-assert.match(code, /`\s*<div\s+class=("|')\s*player-card\s*\1\s*>\s*<\/div>\s*`\s*/)
+assert.match(code, /return\s*`\s*<div\s+class=("|')\s*player-card\s*\1\s*>\s*<\/div>\s*`\s*/)
 
 ```
 

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e95a45dce95baf41dd4f78.md

@@ -460,7 +460,7 @@ const setPlayerCards = (arr = players) => {
 
   playerCards.innerHTML += arr.map(
     ({ name, position, number, isCaptain, nickname }) => {
-      `
+     return `
         <div class="player-card">
       
         </div>

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e95e39860dc5b01ebe9be0.md

@@ -19,6 +19,14 @@ You should use a ternary operator to check if `isCaptain` is true and return `"(
 assert.match(code, /\s*<h2\s*>\s*\$\{isCaptain(\s*===\s*true)?\s*\?\s*('|"|`)\(Captain\)\2\s*:\s*('|"|`)\3\}\s*\${\s*name\s*}\s*<\/h2>\s*/)
 ```
 
+You should give a space between `"(Captain)"` and `name`.
+
+```js
+playerCards.innerHTML = '';
+setPlayerCards([{name: "Diego Maradona", isCaptain: true}])
+assert.equal(document.querySelector(".player-card h2").innerText, '(Captain) Diego Maradona')
+```
+
 # --seed--
 
 ## --seed-contents--
@@ -452,7 +460,7 @@ const setPlayerCards = (arr = players) => {
 
   playerCards.innerHTML += arr.map(
     ({ name, position, number, isCaptain, nickname }) => {
-      `
+     return `
         <div class="player-card">
           <h2>${name}</h2>
         </div>

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e9667c881b61b1e338d276.md

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

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e96938d2a347b2734a1587.md

@@ -456,7 +456,7 @@ const setPlayerCards = (arr = players) => {
 
   playerCards.innerHTML += arr.map(
     ({ name, position, number, isCaptain, nickname }) => {
-      `
+     return `
         <div class="player-card">
           <h2>${isCaptain ? "(Captain)" : ""} ${name}</h2>
           <p>Position: ${position}</p>

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e96eb94c97b6b31ee50f63.md

@@ -456,7 +456,7 @@ const setPlayerCards = (arr = players) => {
 
   playerCards.innerHTML += arr.map(
     ({ name, position, number, isCaptain, nickname }) => {
-      `
+     return `
         <div class="player-card">
           <h2>${isCaptain ? "(Captain)" : ""} ${name}</h2>
           <p>Position: ${position}</p>

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e9718d7d490bb3940d5a0a.md

@@ -464,7 +464,7 @@ const setPlayerCards = (arr = players) => {
 
   playerCards.innerHTML += arr.map(
     ({ name, position, number, isCaptain, nickname }) => {
-      `
+     return `
         <div class="player-card">
           <h2>${isCaptain ? "(Captain)" : ""} ${name}</h2>
           <p>Position: ${position}</p>

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e9737f686c76b4078a60f4.md

@@ -459,7 +459,7 @@ const setPlayerCards = (arr = players) => {
 
   playerCards.innerHTML += arr.map(
     ({ name, position, number, isCaptain, nickname }) => {
-      `
+     return `
         <div class="player-card">
           <h2>${isCaptain ? "(Captain)" : ""} ${name}</h2>
           <p>Position: ${position}</p>

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f28972973504e7bb58b0b3.md

@@ -461,15 +461,15 @@ headCoach.textContent = coachName;
 const setPlayerCards = (arr = players) => {
   playerCards.innerHTML += arr
     .map(
-      ({ name, position, number, isCaptain, nickname }) =>
-        `
+      ({ name, position, number, isCaptain, nickname }) => {
+        return `
         <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>
-      `
+      ` }
     )
     .join("");
 };

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f28ef082d771e8bf71f94a.md

@@ -449,15 +449,15 @@ headCoach.textContent = coachName;
 const setPlayerCards = (arr = players) => {
   playerCards.innerHTML += arr
     .map(
-      ({ name, position, number, isCaptain, nickname }) =>
-        `
+      ({ name, position, number, isCaptain, nickname }) => {
+        return `
         <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>
-      `
+      ` }
     )
     .join("");
 };