From 9d96fe063d09248376bf7ba2053abcffb8190aaa Mon Sep 17 00:00:00 2001
From: Jay Shailesh Prabhu Vadolkar
 <54521498+jayvadolkar@users.noreply.github.com>
Date: Tue, 7 Jun 2022 16:49:15 +0530
Subject: [PATCH 1/2] Update app.js

---
 src/app.js | 67 ++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 48 insertions(+), 19 deletions(-)

diff --git a/src/app.js b/src/app.js
index cc43cc2..da659b1 100644
--- a/src/app.js
+++ b/src/app.js
@@ -20,39 +20,68 @@ const PLAYERS = [
     "Vader",
     "Slingo"
 ];
+   const initPlayers = (players) => {
+  let detailedPlayers = []
+  // Create players using for loop
+  // Type your code here
 
-// initialize players with image and strength
-const initPlayers = (players) => {
-    let detailedPlayers = [];
-    // Create players using for loop
-    // Type your code here
+  for (let i = 0; i < players.length; i++) {
+    let obj = {
+      name: players[i],
+      strength: getRandomStrength(),
+      image: "images/super-" + (i + 1) + ".png",
+    }
+    if (i % 2 == 0) {
+      obj.type = "hero"
+    } else {
+      obj.type = "villain"
+    }
 
-    return detailedPlayers;
+    detailedPlayers.push(obj)
+  }
+
+  return detailedPlayers
 }
 
 // getting random strength
 const getRandomStrength = () => {
-    // Return a random integer (0,100]
-    // Note: You can use Math.random() and Math.ceil()
+  // Return a random integer (0,100]
+  // Note: You can use Math.random() and Math.ceil()
+
+  var i = parseInt(Math.random() * 100) + 1
+  return i
 }
 
 const buildPlayers = (players, type) => {
-    let fragment = '';
+  let fragment = ""
+  let fragment1 = ""
+  for (let i of players) {
+    fragment = `
+          <div class="player">
+              <img src="${i.image}" alt="">
+              <div class="name">${i.name}</div>
+              <div class="strength">${i.strength}</div>
+          </div>`
 
-    // Loop through players and accumulate HTML template
-    // depending of type of player(hero|villain)
-    // Type your code here
+    if (i.type == type) {
+      fragment1 += fragment
+    }
+  }
+  // Loop through players and accumulate HTML template
+  // depending of type of player(hero|villain)
+  // Type your code here
 
-    return fragment;
+  return fragment1
 }
 // Display players in HTML
 const viewPlayers = (players) => {
-
-    document.getElementById('heroes').innerHTML = buildPlayers(players, 'hero');
-    document.getElementById('villains').innerHTML = buildPlayers(players, 'villain');
-
+  document.getElementById("heroes").innerHTML = buildPlayers(players, "hero")
+  document.getElementById("villains").innerHTML = buildPlayers(
+    players,
+    "villain"
+  )
 }
 
 window.onload = () => {
-    viewPlayers(initPlayers(PLAYERS));
-}
\ No newline at end of file
+  viewPlayers(initPlayers(PLAYERS))
+}

From 6cb5e29c0f9bea2842e61115aecce6efcd77afbe Mon Sep 17 00:00:00 2001
From: Jay Shailesh Prabhu Vadolkar
 <54521498+jayvadolkar@users.noreply.github.com>
Date: Tue, 7 Jun 2022 17:12:54 +0530
Subject: [PATCH 2/2] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 62790f2..78e705f 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
         <div id="villains" class="team">
         </div>
     </div>
-    <footer class="footer">Made with <img src="/images/Vector.svg"> by ProGrad</footer>
+    <footer class="footer">Made with <img src="/images/Vector.svg"> by VITFED24</footer>
 </body>
 <script src="./src/app.js"></script>