Leda

src/data.js

@@ -5,5 +5,15 @@ window.dataManager = {
             return index.tags.find((tag) => tag === selectRolesValue);
         });
         return filterRole;
+
     }
-};
+
+//     filterByAbility: (newData, ability) => {
+//         let filterAbility = newData.filter(index => {
+//             console.log (Object.values(index.data));
+//             return index.stats(stat => stat === ability);
+
+//         });
+//         return filterAbility;
+//     }
+  };

src/index.html

@@ -31,14 +31,15 @@
                         <option value="Marksman">Tiradores</option>
                         <option value="Tank">Tanques</option>
                         <option value="Support">Soporte</option>
-                    </select>
-                <select id="filter-ability" class="select-ability">
+                </select>
+                <select id="filter-ability" class="filter-ability"> 
                         <option value="">Choose Ability</option>
                         <option value="armor">AR</option>
-                        <option value="attackdamage">DA</option>
-                        <option value="attackspeedoffset">VA</option>
-                        <option value="movespeed">VM</option>
+                        <option value="attackdamage">AD</option>
+                        <option value="attackspeedoffset">AS</option>
+                        <option value="movespeed">MS</option>
                 </select>
+
             </div>
         </nav>
     </header>

src/main.js

@@ -13,7 +13,7 @@ const buttonNavGBasics = document.getElementById('button-nav-gbasics');
 const buttonNavChampions = document.getElementById('button-nav-champions');
 //const filter = document.getElementById('filter'); (borre el boton si se usa crear nuevo)//
 const selectRoles = document.getElementById('filter-roles');
-
+const selectAbility = document.getElementById('filter-ability');
 
 
 //Variables para mostrar secciones//
@@ -110,8 +110,34 @@ const printDataObject = (data) => {
 }
 let filtrar = (ev) => {
     const role = ev.target.value;
-    const filterRole = window.dataManager.filterByRole(newData, role)
+    const filterRole = window.dataManager.filterByRole(newData, role);
     root.innerHTML = '';
     printDataObject(filterRole);
 };
-selectRoles.addEventListener('change', filtrar);
+selectRoles.addEventListener('change', filtrar);
+
+// // let filterAbility = (ev) => {
+// //     const ability = ev.target.value;
+// //     const filterAbility = window.dataManager.filterByAbility(newData, ability);
+// //     root.innerHTML = '';
+// //     printDataObject(filterAbility);
+// // };
+
+
+//funcion para filtrar por habilidades (los 10 mejores)
+let bestAbility = (ev) =>{
+    const ability = ev.target.value;
+    let higthAbility=  [0,0,0,0,0,0,0,0,0,0];
+    for (index in newData) {
+        for (let j = 0; j < 10; j++) {
+            const element = higthAbility[j];
+            if(newData[index].stats[ability]>higthAbility[j]){
+                higthAbility[j] = newData[index].stats[ability];
+            }
+        }       
+    }
+    console.log("Habilidad seleccionada:"+ability+":"+higthAbility);
+        return higthAbility;
+
+}
+selectAbility.addEventListener('change', bestAbility);