diff --git a/content/_index.md b/content/_index.md index 2e0bb41..c18d933 100644 --- a/content/_index.md +++ b/content/_index.md @@ -27,16 +27,16 @@ document.addEventListener("DOMContentLoaded", () => { search.addEventListener("input", () => { // grab search input value - const searchText = search.value.toLowerCase(); + const searchText = search.value.toLowerCase().trim(); const hasFilter = searchText.length > 0; artlist.classList.toggle("list-searched", hasFilter); // for each recipe hide all but matched + let matchCount = 0; recipes.forEach(recipe => { const recipeName = recipe.textContent.toLowerCase(); - const isMatch = recipeName.includes(searchText); - + const isMatch = searchText.split(' ').every(term => recipeName.includes(term)); recipe.hidden = !isMatch; recipe.classList.toggle("matched-recipe", hasFilter && isMatch); })