Tengo una videoteca casera con miniaturas y enlaces a cada video. Me gustaría tener un campo para ingresar palabras clave y la biblioteca solo mostraría las miniaturas de aquellos que coinciden con las palabras clave según el nombre del archivo. Si no se ingresaron palabras clave, aparecerán todos los videos. Por ejemplo, si escribo "viaje a DC" y hago clic en "Aceptar", solo se mostrarán en la biblioteca los videos con "viaje a DC". Por ejemplo, se mostraría "viaje a DC- national mall.mpg", "viaje a DC- congreso.mp4" mientras que otros desaparecerían.
Gracias por cualquier sugerencia.
Puede crear una matriz que contenga objetos que describan sus videos, usando filter() e include() (también puede usar coincidencia o búsqueda)
const videos = [ { filename: "Trip to Dc bla bla", thumbnail: "example.jpg", link: "example.com" }, { filename: "Example 1", thumbnail: "example.jpg", link: "example.com" }, { filename: "Example 2", thumbnail: "example.jpg", link: "example.com" } ]; const trip = videos.filter(video => { return video.filename.includes("Trip"); }) console.log(trip);