Ankur Rawat 19BCE10059

_config.yml

@@ -0,0 +1 @@
+theme: jekyll-theme-cayman

src/app.js

@@ -26,14 +26,28 @@ const initPlayers = (players) => {
     let detailedPlayers = [];
     // Create players using for loop
     // Type your code here
+    for(let i=0; i<players.length; i++) {
+        detailedPlayers[i] = {
+            name : players[i],
+            strength : 100,
+            image : "images/super-"+(i+1)+".png",
+            type : "hero|villain"
 
+        };
+        if (i % 2 == 0) {
+            detailedPlayers[i].type = "hero";
+          } else {
+            detailedPlayers[i].type = "villain";
+          }
+    }
     return detailedPlayers;
 }
 
 // getting random strength
 const getRandomStrength = () => {
     // Return a random integer (0,100]
     // Note: You can use Math.random() and Math.ceil()
+    return Math.ceil(Math.random() * (100 - 1) + 1 )
 }
 
 const buildPlayers = (players, type) => {
@@ -43,16 +57,22 @@ const buildPlayers = (players, type) => {
     // 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
 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));
-}
+};