random-mirrors/based.cooking
1
0
Fork 0
mirror of https://github.com/LukeSmithxyz/based.cooking.git synced 2025-12-20 09:30:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace "style=display:none" with HTML data tags:

Browse Source 
When storing metadata in an HTML node, you can use data attributes, which is
more declarative, and doesn't require rendering an invisible node.

See: https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
This commit is contained in:
dosisod
2022-07-01 19:15:30 -07:00
parent 550fdf24f2
commit 4f17b3d901
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content/_index.md
View File

@@ -35,8 +35,8 @@ document.addEventListener("DOMContentLoaded", () => {
// for each recipe hide all but matched
recipes.forEach(recipe => {
const recipeName = recipe.textContent.toLowerCase();
const isMatch = searchTerms.every(term => recipeName.includes(term));
const searchString = `${recipe.textContent} ${recipe.dataset.tags}`.toLowerCase();
const isMatch = searchTerms.every(term => searchString.includes(term));
recipe.hidden = !isMatch;
recipe.classList.toggle("matched-recipe", hasFilter && isMatch);