Agregue el readme con imágenes

.eslintrc

@@ -7,11 +7,11 @@
   },
   "extends": "eslint:recommended",
   "globals": {
-    "POKEMON": false,
-    "example": false
+    "POKEMON": false, 
+    "functions": false
   },
   "rules": {
     "no-console": 0,
-    "semi": 2,
+    "semi": 2
   }
 }

src/data.js

@@ -1,10 +1,11 @@
 //Declaracion de Variables
-let arrayPokemon = POKEMON.pokemon;//Arreglo de objetos pokemon
+
 //Funcion de filtrado po nombre
-const filterName=(string)=>{ // Guarda en filterByName el objeto que cumple con  la condicion.
-  let filterByName=arrayPokemon.filter((objPokemon)=> {return objPokemon.name === string;});
+window.functions={
+filterName:(string,array)=>{ // Guarda en filterByName el objeto que cumple con  la condicion.
+  let filterByName=array.filter((objPokemon)=> {return objPokemon.name === string;});
   return filterByName;
-};
+},
 //Filtrado por tipo
 const filterType=()=>{// Falta pasar el tipo para quee ejecute la funcion.
   let filterType = arrayPokemon.filter(
@@ -19,8 +20,8 @@ const filterType=()=>{// Falta pasar el tipo para quee ejecute la funcion.
   return filterType;
 } */
 //Funcion de ordenamiento por nombre de forma ascendente
-const orderedAscArray =()=>{
-let orderedArrayAsc=arrayPokemon.sort(function (a, b) {
+orderedAscArray:(array)=>{
+let orderedArrayAsc=array.sort(function (a, b) {
   if (a.name > b.name) {
     return 1;
   }
@@ -30,10 +31,10 @@ let orderedArrayAsc=arrayPokemon.sort(function (a, b) {
   return 0;
 });
 return orderedArrayAsc; 
-};
+},
 //Funcion de ordenamiento por nombre de forma ascendente
-const orderedDescArray =()=>{
-let orderedArrayDesc=arrayPokemon.sort(function (a, b) {
+orderedDescArray:(array)=>{
+let orderedArrayDesc=array.sort(function (a, b) {
   if (a.name > b.name) {
     return -1;
   }
@@ -43,24 +44,18 @@ let orderedArrayDesc=arrayPokemon.sort(function (a, b) {
  return 0;
 });
 return orderedArrayDesc;
-};
-//Calcula el promedio de altura de los pokemones
-const computeStats = ()=>{
+},
+/* computeStats : (array)=>{
   let averageHeight= 0;
-  arrayPokemon.forEach((objPokemon) => { 
+  array.forEach((objPokemon) => { 
     console.log(objPokemon.height);
     console.log(objPokemon.height.slice(0,4));
     console.log(parseFloat(objPokemon.height.slice(0,4)));
     console.log("Pokemones "+arrayPokemon.length);
     averageHeight=parseFloat(objPokemon.height.slice(0,4))+averageHeight;});
     console.log("Promedio "+averageHeight/arrayPokemon.length);
+}, */
 };
 //Declaracion de variables globales
-
 /* window.filterType=filterType;*/ 
-window.computeStats=computeStats;
-window.arrayPokemon=arrayPokemon;
-window.filterName=filterName;
-window.orderedAscArray=orderedAscArray;
-puteStats=computeStats;
-window.orderedDescArray=orderedDescArray;
+//Calcula el promedio de altura de los pokemones

src/main.js

@@ -3,9 +3,12 @@ const orderAsc=document.getElementById("order-az"); //Elemento A-Z del menu desp
 const orderDesc=document.getElementById("order-za"); //Elemento Z-A del menu desplegable
 const divResults=document.getElementById("results-container");//Contenedor donde se muestra toda la data
 const iconoSearch=document.getElementById("icono-search");//Icono de busqueda
+const logoHeader=document.getElementById("logo-header");
+const arrayPokemon=POKEMON.pokemon;
 /* const typesList= document.getElementById("types-list"); *///Menu de tipos
 //Funcion que crea los nodos en el div results-container
-const createNodes = (objPokemon) => {
+const createNodes = (array) => {
+    array.forEach((objPokemon) => {
     //Crea un div por cada  pokemon
     let elementDiv= document.createElement("div");//Crea un nodo div
     elementDiv.setAttribute("class","obj-pokemon"); //Agrega una clase(objPokemon) al elemento (elementDIv)
@@ -29,6 +32,8 @@ const createNodes = (objPokemon) => {
     let contentWeak=document.createTextNode("Debilidades: "+objPokemon.weaknesses);//Crea un nodo de texto 
     elementWeak.appendChild(contentWeak);// Adjunta el hijo(contentWeak) al padre(elementWeak)
     elementDiv.appendChild(elementWeak);//Adjunta el hijo(elementName) al padre(elemntDiv)
+});
+
 };
 //Funcion que borra los nodos en el div results-container
 const  deleteNodes= () => {
@@ -37,26 +42,33 @@ const  deleteNodes= () => {
     } 
 };    
 //Funcion que muestra toda la data.
-const showData = () => { 
-    arrayPokemon.forEach((objPokemon) => {createNodes(objPokemon);});
+const showData = () => {
+    deleteNodes();
+    arrayPokemon.sort(function (a, b) {
+        return (a.id - b.id);
+    }); 
+    createNodes(arrayPokemon);
 };
 //Funcion que muestra la data ordenada de forma ascendente por nombre
 const ArrayAsc = () => {
     deleteNodes();
-    let array=orderedAscArray();
-    array.forEach(orderData = (objPokemon) => {createNodes(objPokemon);});
+    let array=window.functions.orderedAscArray(arrayPokemon);
+    /* array.forEach((objPokemon) => {createNodes(objPokemon);}); */
+    createNodes(array);
 };
 //Funcion que muestra la data ordenada de forma descendente por nombre
 const ArrayDesc = () => {
     deleteNodes();
-    orderedDescArray().forEach((objPokemon) => {createNodes(objPokemon);});
+    let array=window.functions.orderedDescArray(arrayPokemon);
+    createNodes(array);
 };
 //Funcion que filtra la data por nombre.
 const filterDataByName = () => {
     deleteNodes(); 
     let inputName= document.getElementById("input-name").value;
     let inputNameConverted = inputName[0].toUpperCase() +inputName.slice(1).toLowerCase();
-    filterName(inputNameConverted).forEach((objPokemon) => { createNodes(objPokemon);});
+    let array= window.functions.filterName(inputNameConverted,arrayPokemon);
+    createNodes(array);
 };  
 //Funcion que muestra la data ordenada de forma ascendente por nombre
 /* const filterDataByType = (type) => {
@@ -66,7 +78,8 @@ const filterDataByName = () => {
 orderAsc.addEventListener('click',ArrayAsc);
 orderDesc.addEventListener('click',ArrayDesc);
 iconoSearch.addEventListener('click',filterDataByName);
+logoHeader.addEventListener('click',showData);
 /* typesList.addEventListener('click', (e) => {(filterDataByType(e.target.dataset.type)
     {console.log(e.target.dataset.type) */
 showData();
-computeStats();
+/* computeStats(); */

test/data.spec.js

@@ -1,25 +1,71 @@
-require('../src/data.js');
+require('../src/data.js'); 
+/* require('../src/data/pokemon/pokemon.js');  */
+const array= [{
+    "name": "Bulbasaur"
+  }, {
+    "name": "Ivysaur"
+  }, {
+    "name": "Venusaur"
+  }, {
+    "name": "Charmander"
+  }, {
+    "name": "Charmeleon"
+  }
+];
 
-/* describe('filterName', () => {
-  it('is a function', () => {
-    expect(typeof filterName).toBe('function');
+const arrayOrderAz= [{
+  "name": "Bulbasaur"
+}, {
+  "name": "Charmander"
+}, {
+  "name": "Charmeleon"
+}, {
+  "name": "Ivysaur"  
+}, {
+  "name": "Venusaur"
+}
+];
+
+const arrayOrderZa= [{
+  "name": "Venusaur"
+
+}, {
+  "name": "Ivysaur" 
+
+}, {
+  "name": "Charmeleon"
+}, {
+  "name": "Charmander" 
+}, {
+  "name": "Bulbasaur"
+}
+];
+describe('dataFunctions', () => {
+  it('functions es un objeto', () => {//Test para comprobar que dataFunctions es un objeto 
+    expect(typeof(functions)).toBe('object');
+  }); 
+
+  it('filterName es un funcion', () => { //Test para comprobar que filtername es una funcion 
+    expect(typeof(functions.filterName)).toBe('function');
   });
 
-  it('returns `filterName`', () => {
-    expect(filterName()).toBe('filterName');
+  it('filterName es correcta', () => { //Test para comprobar que filtername es una funcion 
+    expect(functions.filterName('Charmeleon',array)).toEqual([array[4]]);
   });
-}); 
- */
-/*  const rick={
-"id": 1, "name":"Rick "
- }
-
- describe('filterName', () => {
-  it('is a function', () => {
-    expect(typeof filterName).toBe('function');
+
+  it('orderedAscArray es una funcion', () => { //Test para comprobar que filtername es una funcion 
+    expect(typeof(functions.orderedAscArray)).toBe('function');
+  });
+
+  it('orderedAscArray es correcta', () => { //Test para comprobar que filtername es una funcion 
+    expect(functions.orderedAscArray(array)).toEqual(arrayOrderAz);
   });
 
-  it('Deberia retornar un arreglo de objetos', () => {
-    expect(filterData(data,"Rick")).toEqual([rick]);
+  it('orderedDescArray es una funcion', () => { //Test para comprobar que filtername es una funcion 
+    expect(typeof(functions.orderedDescArray)).toBe('function');
+  });
+
+  it('orderedADescArray es correcta', () => { //Test para comprobar que filtername es una funcion 
+    expect(functions.orderedDescArray(array)).toEqual(arrayOrderZa);
   });
-}); */
+});