Hice una búsqueda de un tutorial que puede filtrar en cualquier orden de palabras.

Mi código HTML

 <input type="text" class="search-box"> <ul> @for (int i = 0; i < Movies.Count; i++) { var movieTitle = Movies[i].Title; var movieAuthor = Movies[i].Author; <li class="item-list">@movieTitle</li> } </ul>

mi guion

 let inputElem = document.querySelector(".search-box"); inputElem.addEventListener("input", handleInput, false); function handleInput() { let inputElemValue = inputElem.value.toLowerCase(); let inputWordsArray = inputElemValue.split(" "); let liHTMLCollection = document.getElementsByClassName("item-list"); Array.from(liHTMLCollection).forEach((li) => { let innerTextLowerCase = li.innerHTML.toLowerCase(); let matching = true; inputWordsArray.forEach((word) => { let regex = new RegExp("\\b" + word); if (regex.exec(innerTextLowerCase)) { //if true - display } else { //if false hide matching = false; } }); if (matching) { li.style.display = "block"; } else { li.style.display = "none"; } }); }

Lo que quiero es concatenar movieTitle y movieAuthor pero quiero que movieAuthor esté oculto en el front-end pero que se pueda buscar y aparecerá movieTitle .

Gracias por responder