From 5e27615c4f34f79e045bab5735dc0d21cf13d7a4 Mon Sep 17 00:00:00 2001
From: sachinsh01 <89263668+sachinsh01@users.noreply.github.com>
Date: Mon, 28 Mar 2022 02:57:45 +0530
Subject: [PATCH 1/7] Update app.js

---
 src/app.js | 28 +++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/app.js b/src/app.js
index cc43cc2..b067ce5 100644
--- a/src/app.js
+++ b/src/app.js
@@ -26,7 +26,21 @@ const initPlayers = (players) => {
     let detailedPlayers = [];
     // Create players using for loop
     // Type your code here
-
+    for(var i=0;i<players.length;i++)
+    {
+        detailedPlayers[i]={
+            name:players[i],
+            strength:getRandomStrength(),
+            image:"images/super-"+(i+1)+".png"
+        };
+        if(i % 2 == 0)
+        {
+            detailedPlayers[i].type="hero";
+        }
+        else{
+            detailedPlayers[i].type="villain";
+        }
+    }
     return detailedPlayers;
 }
 
@@ -34,6 +48,8 @@ const initPlayers = (players) => {
 const getRandomStrength = () => {
     // Return a random integer (0,100]
     // Note: You can use Math.random() and Math.ceil()
+    let s = Math.ceil(Math.random() * (100-1) + 1);
+    return s;
 }
 
 const buildPlayers = (players, type) => {
@@ -42,7 +58,13 @@ const buildPlayers = (players, type) => {
     // Loop through players and accumulate HTML template
     // depending of type of player(hero|villain)
     // Type your code here
-
+    for(var i=0;i<players.length;i++)
+    {
+        if(players[i].type == type)
+        {
+            fragment+=`<div class="player"> <img src="${players[i].image}" alt=""> <div class="name">${players[i].name}</div> <div class="strength">${players[i].strength}</div> </div>`;
+        } 
+    }
     return fragment;
 }
 // Display players in HTML
@@ -55,4 +77,4 @@ const viewPlayers = (players) => {
 
 window.onload = () => {
     viewPlayers(initPlayers(PLAYERS));
-}
\ No newline at end of file
+}

From 2bf0b857ace31305a1d580a772a702bcfdc4f0a0 Mon Sep 17 00:00:00 2001
From: sachinsh01 <89263668+sachinsh01@users.noreply.github.com>
Date: Mon, 28 Mar 2022 02:58:03 +0530
Subject: [PATCH 2/7] Update style.css


From 62f5160902592ed9e8cb5008196fceeea6626a16 Mon Sep 17 00:00:00 2001
From: sachinsh01 <89263668+sachinsh01@users.noreply.github.com>
Date: Mon, 28 Mar 2022 02:58:53 +0530
Subject: [PATCH 3/7] Update style.css


From 78faad4253d5f9974632058954f2262dc09bc16c Mon Sep 17 00:00:00 2001
From: sachinsh01 <89263668+sachinsh01@users.noreply.github.com>
Date: Mon, 28 Mar 2022 02:59:15 +0530
Subject: [PATCH 4/7] Update style.css


From 97523d78edb57bf8c1def53c0db16fda346f4721 Mon Sep 17 00:00:00 2001
From: sachinsh01 <89263668+sachinsh01@users.noreply.github.com>
Date: Mon, 28 Mar 2022 02:59:21 +0530
Subject: [PATCH 5/7] Update style.css

---
 src/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/style.css b/src/style.css
index dfa09a8..f4ac549 100644
--- a/src/style.css
+++ b/src/style.css
@@ -18,7 +18,7 @@
 .player {
     border-radius: 5px;
     box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
-    margin: 10px;
+    margin: 10px; 
     padding: 1rem;
     text-align: center;
     width: 100px;

From 455f92fdce26ca37e22a1ae8c1d9b2fe8f8428b0 Mon Sep 17 00:00:00 2001
From: sachinsh01 <89263668+sachinsh01@users.noreply.github.com>
Date: Thu, 7 Apr 2022 23:53:19 +0530
Subject: [PATCH 6/7] ProGrad ID : 8731

---
 src/app.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app.js b/src/app.js
index b067ce5..145427b 100644
--- a/src/app.js
+++ b/src/app.js
@@ -78,3 +78,4 @@ const viewPlayers = (players) => {
 window.onload = () => {
     viewPlayers(initPlayers(PLAYERS));
 }
+ 

From 4406bf8e43ad1a0fdfd8936614384f78acacc5a2 Mon Sep 17 00:00:00 2001
From: sachinsh01 <89263668+sachinsh01@users.noreply.github.com>
Date: Thu, 7 Apr 2022 23:53:33 +0530
Subject: [PATCH 7/7] ProGrad ID : 8731

---
 src/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/style.css b/src/style.css
index f4ac549..d7e7619 100644
--- a/src/style.css
+++ b/src/style.css
@@ -41,4 +41,4 @@
 .footer{
     margin-left: 80px;
     font-size: 18px;
-}
+}