alvin/pokedex
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/pokedex.git synced 2026-03-06 13:25:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve search functionality by encapsulating event listeners in an IIFE and enhancing visibility toggle for the search close icon

Browse Source
This commit is contained in:
vista-man
2025-03-27 09:08:41 +01:00
parent 7d9ce536fc
commit d5a242e7ea
3 changed files with 273 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
v2/index.html
View File

@@ -5,6 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pokedex</title>
<link rel="stylesheet" href="./style.css" />
<link rel="preload" href="./style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="./style.css"></noscript>
<script src="./pokemon.js" defer></script>
<script src="./search.js" defer></script>
<link rel="icon" href="./assets/pokeball.png" type="image/x-icon">

2
v2/pokemon.js
View File

@@ -1,3 +1,4 @@
(() => {
const MAX_POKEMON = 1050;
const CACHE_DURATION = 24 * 60 * 60 * 1000; // 24 hours in milliseconds
const listWrapper = document.querySelector(".list-wrapper");
@@ -248,3 +249,4 @@ function displayCompetitors(competitors) {
competitorsWrapper.appendChild(listItem);
});
}
})();

2
v2/search.js
View File

@@ -1,3 +1,4 @@
(() => {
const inputElement = document.querySelector("#search-input");
const searchIcon = document.querySelector("#search-close-icon");
const sortWrapper = document.querySelector(".sort-wrapper");
@@ -36,3 +37,4 @@ function handleSortIconOnClick() {
.classList.toggle("filter-wrapper-open");
document.querySelector("body").classList.toggle("filter-wrapper-overlay");
}
})();