From 241d58c54fbeeafc7c4ab43b58ce98e3ba0d19ce Mon Sep 17 00:00:00 2001
From: gelambi-g <gelambi.g@gmail.com>
Date: Mon, 16 Dec 2024 11:28:50 +0100
Subject: [PATCH] funciones II

---
 index.html |  2 +-
 js/main.js | 44 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index e67a075..6177195 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@ <h2 class="subtitle">Los gatos más molones de Adalab</h2>
             <h2 class="title">Filtrar / Buscar</h2>
             <form class="form">
                 <input class="input js_in_search_desc" type="text" placeholder="Descripción" />
-                <input class="input" type="select" name="raza" placeholder="Raza" id="raza" />
+                <input class="input js-race" type="select" name="raza" placeholder="Raza" id="raza" />
 
                 <button type="submit" class="button js-button-search">Buscar</button>
             </form>
diff --git a/js/main.js b/js/main.js
index 2cd9068..458438e 100644
--- a/js/main.js
+++ b/js/main.js
@@ -176,7 +176,51 @@ buttonSubmit.addEventListener("click", renderKitten);
 //console.log(kittenName);  // Output: WHISKERS
 
 
+//funciones II
+//Creamos constante que coja el valor del input desc
+const descrSearchText = input_search_desc.value;
+const race1 = document.querySelector(".js-race")
 
 
+//cramos función para que a la hora de buscar por descripción, aparezca el gato que tenga una descripción que coincida
+const filterKitten = (event) => {
+  if (kittenDesc1.includes(descrSearchText)){
+    listElement.innerHTML += kittenOne;
+  }
+  if (kittenDesc2.includes(descrSearchText)){
+    listElement.innerHTML += kittenTwo;
+  }
+  if(kittenDesc3.includes(descrSearchText)){
+    listElement.innerHTML += kittenThree;
+  }
+};
+
+
+
+
+//ejecutamos el evento sobre el botón de buscar
+searchButton.addEventListener("click", handleClickKitten);
+
+
+
+//Tenemos dudas sobre el ejercicio bonus de funciones II. No tenemos claro como declarar la función para que nos salgan los gatos cuando buscamos su raza
+//Nos sale el 3r gato pongamos lo que pongamos. Con la descripción nos sale bien.
+//Podemos hacer dos eventos en un mismo elemento? (en el botón buscar, darle información para la descricpión y para la raza)
+
+
+// const handleClickKitten(event) => {
+//   const raceSearch = race1.value;
+//   if (raceSearch === kittenRace1 || raceSearch === kittenRace2 || raceSearch === kittenRace3) {
+//     return raceSearch;
+//   } else {
+//     return 'Uy que despiste, no sabemos su raza';
+//   }
+// }
+
+// function renderRace () {
+
+
+// searchButton.addEventListener("click", renderRace);
+