Update script.js
Browse files
script.js
CHANGED
|
@@ -88,14 +88,20 @@ function clearSearch(){
|
|
| 88 |
input.focus();
|
| 89 |
}
|
| 90 |
|
|
|
|
|
|
|
| 91 |
input.addEventListener("input", () => {
|
| 92 |
-
|
|
|
|
|
|
|
|
|
|
| 93 |
});
|
| 94 |
|
| 95 |
searchBtn.addEventListener("click", search);
|
| 96 |
-
|
| 97 |
clearBtn.addEventListener("click", clearSearch);
|
| 98 |
|
|
|
|
|
|
|
| 99 |
});
|
| 100 |
|
| 101 |
if(!Array.isArray(DATA)){
|
|
|
|
| 88 |
input.focus();
|
| 89 |
}
|
| 90 |
|
| 91 |
+
let debounceTimer;
|
| 92 |
+
|
| 93 |
input.addEventListener("input", () => {
|
| 94 |
+
clearTimeout(debounceTimer);
|
| 95 |
+
debounceTimer = setTimeout(() => {
|
| 96 |
+
search();
|
| 97 |
+
}, 300);
|
| 98 |
});
|
| 99 |
|
| 100 |
searchBtn.addEventListener("click", search);
|
|
|
|
| 101 |
clearBtn.addEventListener("click", clearSearch);
|
| 102 |
|
| 103 |
+
input.addEventListener("keydown", e => {
|
| 104 |
+
if(e.key === "Enter") search();
|
| 105 |
});
|
| 106 |
|
| 107 |
if(!Array.isArray(DATA)){
|