Laboratoria · AndreaRoa · Mar 30, 2023 · Apr 3, 2023 · Apr 3, 2023 · Apr 3, 2023
diff --git a/README.md b/README.md
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/Images/BGG.jpg b/src/Images/BGG.jpg
diff --git a/src/Images/BGH.jpg b/src/Images/BGH.jpg
diff --git a/src/Images/BGR.jpg b/src/Images/BGR.jpg
diff --git a/src/Images/BGS.jpg b/src/Images/BGS.jpg
diff --git a/src/Images/Gryffindorfond.jpg b/src/Images/Gryffindorfond.jpg
diff --git a/src/Images/Harry Potter image.png b/src/Images/Harry Potter image.png
diff --git a/src/Images/Hogwartz Night Screen Version.jpg b/src/Images/Hogwartz Night Screen Version.jpg
diff --git a/src/Images/Hogwartz Night.jpg b/src/Images/Hogwartz Night.jpg
diff --git a/src/Images/LABEL.png b/src/Images/LABEL.png
diff --git a/src/Images/LABEL_H.png b/src/Images/LABEL_H.png
diff --git a/src/Images/LogoOne.png b/src/Images/LogoOne.png
diff --git a/src/Images/Prologue.mp3 b/src/Images/Prologue.mp3
diff --git a/src/Images/fondoResul.jpg b/src/Images/fondoResul.jpg
diff --git a/src/Images/gryffindor.png b/src/Images/gryffindor.png
diff --git a/src/Images/hogwartzlogo.png b/src/Images/hogwartzlogo.png
diff --git a/src/Images/houses_logo.png b/src/Images/houses_logo.png
diff --git a/src/Images/hufflepuff.png b/src/Images/hufflepuff.png
diff --git a/src/Images/hufflepuffFondo.jpg b/src/Images/hufflepuffFondo.jpg
diff --git a/src/Images/portotipo1.png b/src/Images/portotipo1.png
diff --git a/src/Images/prototipo.png b/src/Images/prototipo.png
diff --git a/src/Images/ravenclaw.png b/src/Images/ravenclaw.png
diff --git a/src/Images/ravenclawfond.png b/src/Images/ravenclawfond.png
diff --git a/src/Images/reset.png b/src/Images/reset.png
diff --git a/src/Images/slytherin.png b/src/Images/slytherin.png
diff --git a/src/Images/slytherinfon.jpg b/src/Images/slytherinfon.jpg
diff --git a/src/Images/titulo completo.png b/src/Images/titulo completo.png
diff --git a/src/character.html b/src/character.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <title>PERSONAJES</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css" />
+</head>
+
+<body>
+  <main>
+    <nav>
+      <a href="index.html">
+        <img src="Images/LogoOne.png" class="logo" alt="logo que lleva a index" />
+      </a>
+      <a href = "houseIndex.html" class="button">CASAS</a>
+      <a class="button">HECHIZOS</a> 
+        <a class="button">POCIONES</a>
+          <a class="button">LIBROS</a>
+    </nav>
+    <article class="articlePerson">
+      <section class="principal">
+        <div >
+          <label for="selectPerson" >
+            <select name="selectPerson" id="selectPerson" class="selectLabel">
+              <option value="0">Todos</option>
+              <option value="1">Magos</option>
+              <option value="2">Muggles</option>
+              <option value="3">Fantasmas</option>
+            </select>
+          </label>
+        </div>
+         <div>
+          <button class="selectSort" id="selectOrder" value="1">A-Z</button>
+         <button class="selectSort" id="selectTwoOrder" value="2">Z-A</button>    
+        </div>
+        <div class="imageInt">
+          <img src="Images/reset.png" alt="imagen para resetear información señalada" class="imageReset" onclick="location.reload()">
+         </div>
+           </section>
+
+      <section class="tablePerson">
+        <div class="buttonsNB">
+          <button class="backNext" id="back">Back</button>
+          <button class="backNext" id="next">Next</button>
+        </div>
+        <div id="charactersInfo"></div>
+      </section>
+    </article>
+  </main>
+  <footer>Copyright Tamara Aviles, Andrea Roa.</footer>
+
+  <script src="main.js" type="module"></script>
+</body>
+
+</html>
diff --git a/src/data.js b/src/data.js
@@ -1,9 +1,70 @@
-// estas funciones son de ejemplo
+import dataHP from "./data/harrypotter/data.js";
+// console.log(dataHP);
 
-export const example = () => {
-  return 'example';
+/*mostrar data*/
+export const HP = (datos) => {
+
+  const callByCharacters = datos.characters;
+  return callByCharacters;
 };
+export const charactersData = HP(dataHP);
 
-export const anotherExample = () => {
-  return 'OMG';
+
+/*Filtrar por specie */
+export const filterCharacters = (characters, specie) => {
+  const newFilter = characters.filter((character) => {
+    const result = character.species === specie;
+    return result;
+  });
+  return newFilter;
+};
+
+/*Ordenar de A->Z*/
+export const sortingCharactersAZ = (charactersShowed) => {
+  const newSort = charactersShowed.sort((a, b) => {
+    if (a.name > b.name) {
+      return 1;
+    }
+    if (a.name < b.name) {
+      return -1;
+    } else {
+      return 0;
+    }
+  });
+  return newSort;
+};
+
+/*Ordenar de Z->A*/
+export const sortingCharactersZA = (charactersShowed) => {
+  const newSort = charactersShowed.sort((a, b) => {
+    if (a.name > b.name) {
+      return -1;
+    }
+    if (a.name < b.name) {
+      return 1;
+    } else {
+      return 0;
+    }
+  });
+  return newSort;
 };
+
+/*Contador*/
+export const studentsPerProperty = (data, property, propertyValue) => {
+  const countByproperty = {};
+
+  data.forEach((character) => {
+    /* se comprueba que el valor de la propiedad del personaje actual sea igual que propertyValue buscado*/
+    if (character[property] === propertyValue) {
+      /* Verifica si la casa ya se encuentra en vble. forEach accede a la propeidad del ojeto correspondiente a la casa del estudiante actual*/
+      if (countByproperty[character[property]]) {
+        countByproperty[character[property]]++;
+      } else {
+        /*si la casa no existe, comienza el contador en 1*/
+        countByproperty[character[property]] = 1;
+      }
+    }
+  });
+  return countByproperty;
+};
+
diff --git a/src/data/athletes/README.md b/src/data/athletes/README.md
diff --git a/src/data/athletes/README.pt-BR.md b/src/data/athletes/README.pt-BR.md