prueba conflicto css

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

package.json

@@ -23,4 +23,4 @@
     "opener": "^1.5.1",
     "serve": "^12.0.0"
   }
-}
+}

src/botonSubir.js

@@ -0,0 +1,21 @@
+// Boton subir
+const buttonUp = document.getElementById("button-up");
+
+buttonUp.addEventListener("click", scrollUp);
+function scrollUp() {
+  let currentScroll = document.documentElement.scrollTop;
+  if (currentScroll > 0) {
+    window.requestAnimationFrame(scrollUp);
+    window.scrollTo(0, currentScroll - currentScroll / 15);
+  }
+}
+
+window.onscroll = () => {
+  let scroll = document.documentElement.scrollTop;
+
+  if (scroll > 600) {
+    buttonUp.style.transform = "scale(1)";
+  } else if (scroll < 500) {
+    buttonUp.style.transform = "scale(0)";
+  }
+};

src/carrusel.js

@@ -0,0 +1,30 @@
+const carrusel = document.querySelector(".carrusel-items");
+
+let maxScrollLeft = carrusel.scrollWidth - carrusel.clientWidth;
+let intervalo = null;
+let step = 1;
+
+export const start = () => {
+  intervalo = setInterval(function () {
+    carrusel.scrollLeft = carrusel.scrollLeft + step;
+    if (carrusel.scrollLeft === maxScrollLeft) {
+      step = step * -1;
+    } else if (carrusel.scrollLeft === 0) {
+      step = step * -1;
+    }
+  }, 10);
+};
+
+const stop = () => {
+  clearInterval(intervalo);
+};
+
+carrusel.addEventListener("mouseover", () => {
+  stop();
+});
+
+carrusel.addEventListener("mouseout", () => {
+  start();
+});
+
+start();

src/data.js

@@ -1,9 +1,119 @@
-// estas funciones son de ejemplo
+//filtrar pokemon por huevito
 
-export const example = () => {
-  return 'example';
-};
+export function huevitoPokemon(eggType, arrayPokemon) {
+  const arrayEgg = arrayPokemon.filter((item) => item.egg == eggType);
+  return arrayEgg;
+}
+
+//filtro por Cp de pokemon
+export function filtarCp(tipoCp, arrayCambiante) {
+  arrayCambiante.sort((a, b) => {
+    if (Number(a.stats["max-cp"]) < Number(b.stats["max-cp"])) {
+      return -1;
+    }
+  });
+  if (tipoCp == "min") {
+    return arrayCambiante;
+  } else {
+    return arrayCambiante.reverse();
+  }
+}
+//filtro por rareza de pokemon
+export function rarezaPokemon(rarezaP, arrayPokemon) {
+  let arrayRareza = arrayPokemon.filter(
+    (array) => array["pokemon-rarity"] == rarezaP
+  );
+  return arrayRareza;
+}
+
+//orden alfabetico de pokemones
+export function ordenAlfaNumerico(typeOrden, arrayCambiante) {
+  if (typeOrden == "az" || typeOrden == "za") {
+      arrayCambiante.sort((a, b) => {
+        if (a.name < b.name)
+        {return -1}
+      })
+  if (typeOrden=="az") {
+        return arrayCambiante}
+      else{
+        return arrayCambiante.reverse();
+      }
+    }
+  else {
+    arrayCambiante.sort((a, b) => {
+      if (a.num < b.num) {
+        return -1;
+      }
+    });
+    if (typeOrden == "1_251") {
+      return arrayCambiante;
+    } else {
+      return arrayCambiante.reverse();
+    }
+  }
+}
+
+//tipos de pokemones
+export function typePokemones(tipoPokemon, arrayPokemon) {
+  let tipos = arrayPokemon.filter((element) =>
+    element.type.includes(tipoPokemon)
+  );
+  return tipos;
+}
+
+
+//region de pokemones
+export function regionFuncion(regionP, arrayPokemon) {
+  let array = [];
+  for (let i = 0; i < arrayPokemon.length; i++) {
+    if (arrayPokemon[i].generation.name == regionP) {
+      array.push(arrayPokemon[i]);
+    }
+  }
+  return array;
+}
+
+//select region pokemon
+export function regionSelect(valorSelect, arrayPokemon){
+  let array = [];
+  for (let i = 0; i < arrayPokemon.length; i++) {
+    if (arrayPokemon[i].generation.name == valorSelect) {
+      array.push(arrayPokemon[i]);
+    }
+  }
+  return array;
+}
+
+//select rareza
+export function rarezaSelect(rarezaSelect, arrayPokemon) {
+  let arrayRarezaSelect = arrayPokemon.filter(
+    (array) => array["pokemon-rarity"] == rarezaSelect
+  );
+  return arrayRarezaSelect;
+}
+
+
+//select de tipos
+export function tiposSelect(tipo, arrayPokemon) {
+  let tipoSelect= arrayPokemon.filter(element=>
+    element.type.includes(tipo)
+    );
+  return tipoSelect
+}
+
+
+//buscador de pokemon
+export function buscarPoke(texto, arrayPokemon) {
+  let array = [];
+  for (let pokemon of arrayPokemon) {
+    let namePokemon = pokemon.name;
+    let numPokemon = pokemon.num;
+    if (namePokemon.indexOf(texto) !== -1) {
+      array.push(pokemon);
+    } else if (numPokemon.indexOf(texto) !== -1) {
+      array.push(pokemon);
+    }
+  }
+  return array;
+}
 
-export const anotherExample = () => {
-  return 'OMG';
-};