alvin/school
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/school.git synced 2026-03-07 05:52:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

:3

Browse Source
This commit is contained in:
vista-man
2025-04-15 01:01:23 +02:00
parent 470608f6fd
commit 3e57d923f9
4461 changed files with 19668 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
projects/challenge 8/pokedex/v2/search.js Normal file
View File

@@ -0,0 +1,40 @@
(() => {
const inputElement = document.querySelector("#search-input");
const searchIcon = document.querySelector("#search-close-icon");
const sortWrapper = document.querySelector(".sort-wrapper");
inputElement.addEventListener("input", () => {
handleInputChange(inputElement);
});
searchIcon.addEventListener("click", handleSearchCloseOnClick);
sortWrapper.addEventListener("click", handleSortIconOnClick);
function handleInputChange(inputElement) {
const inputValue = inputElement.value;
if (inputValue !== "") {
document
.querySelector("#search-close-icon")
.classList.add("search-close-icon-visible");
} else {
document
.querySelector("#search-close-icon")
.classList.remove("search-close-icon-visible");
}
}
function handleSearchCloseOnClick() {
document.querySelector("#search-input").value = "";
document
.querySelector("#search-close-icon")
.classList.remove("search-close-icon-visible");
clearSearch();
}
function handleSortIconOnClick() {
document
.querySelector(".filter-wrapper")
.classList.toggle("filter-wrapper-open");
document.querySelector("body").classList.toggle("filter-wrapper-overlay");
}
})();