ejercicio 3 terminado

script.js

@@ -64,9 +64,35 @@ botonAgregar.addEventListener("click",(n)=>{
 // ejercicio 3
 //almacenamos el buscador en una variable
 let buscador = document.querySelector("div > input");  
+let listaTitulosMin = libros.map(libro => libro.titulo.toLowerCase()); // array con todos los titulos en minusculas
+let listaAutoresMin = libros.map (libro => libro.autor.toLowerCase()); // array con los autores en minusculas
 
 // creamos el listener en la barra de busqueda con la configuracion "keyup" (se activara con cada tecla levantada)
-buscador.addEventListener("keyup", (e) =>{
-    listaTitulos = libros.map(libro => libro.titulo);
-    console.log (libros);
+buscador.addEventListener("keyup", () => {
+    tableBody.textContent = "";
+    let busqueda = buscador.value;
+    let busquedaMin = busqueda.trim().toLowerCase(); //valor del input sin espacios y en minuscula
+    for (let l of libros){ // iteramos el array
+        tituloLibro = l.titulo.toLocaleLowerCase(); //titulo en minuscula
+        autorLibro = l.autor.toLocaleLowerCase(); //autor en minuscula
+        if(tituloLibro.includes(busquedaMin) || autorLibro.includes(busquedaMin)){ // si la busqueda coincide con titulo o autor continuamos
+             // por cada libro en libros creamos 1 row y 4 td
+            let nuevoRow = document.createElement("tr");
+            let tdTitulo = document.createElement("td");
+            let tdAutor = document.createElement("td");
+            let tdAnio = document.createElement("td");
+            let tdPuntaje = document.createElement("td");
+            //la llenamos con el contenido correspondiente
+            tdTitulo.textContent = l.titulo;
+            tdAutor.textContent = l.autor;
+            tdAnio.textContent = l.anio;
+            tdPuntaje.textContent = l.puntaje;
+            // y las anexamos a la tabla html de forma correspondiente
+            tableBody.appendChild(nuevoRow);
+            nuevoRow.appendChild(tdTitulo);
+            nuevoRow.appendChild(tdAutor);
+            nuevoRow.appendChild(tdAnio);
+            nuevoRow.appendChild(tdPuntaje);
+        }
+    }
 })