em.0x45.cz/static/js/search.js

function filter_name(str)
{
	if (str.length == 0) {
		articles.forEach(article => article.style.display = "block");
	} else {
		articles.forEach(article => article.style.display = article.dataset.title.indexOf(str.toLowerCase()) === -1 ? "none" : "block");
	}
}

let articles = Array.from(document.querySelectorAll("article"));
document.querySelector("#search").style.display = "inline-block";
Enable search on category listing 2021-12-04 22:10:40 +01:00			`function filter_name(str)`
			`{`
			`if (str.length == 0) {`
Search optimisation These changes make the code more efficient, since going trough an array with `forEach` is faster than iterating with a foor loop on every input change. Using `indexOf()` instead of `includes()` is faster as well. 2022-12-09 13:17:29 +01:00			`articles.forEach(article => article.style.display = "block");`
Enable search on category listing 2021-12-04 22:10:40 +01:00			`} else {`
Search optimisation These changes make the code more efficient, since going trough an array with `forEach` is faster than iterating with a foor loop on every input change. Using `indexOf()` instead of `includes()` is faster as well. 2022-12-09 13:17:29 +01:00			`articles.forEach(article => article.style.display = article.dataset.title.indexOf(str.toLowerCase()) === -1 ? "none" : "block");`
Enable search on category listing 2021-12-04 22:10:40 +01:00			`}`
			`}`
Search optimisation These changes make the code more efficient, since going trough an array with `forEach` is faster than iterating with a foor loop on every input change. Using `indexOf()` instead of `includes()` is faster as well. 2022-12-09 13:17:29 +01:00
Improve search script 2024-05-06 12:45:39 +02:00			`let articles = Array.from(document.querySelectorAll("article"));`
			`document.querySelector("#search").style.display = "inline-block";`