em/mixtape
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Search input reset

Browse Source
This commit is contained in:
Emil Miler
2024-02-09 09:42:05 +01:00
parent 4fe838eb2a
commit d5cc96a647
3 changed files with 37 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
static/js/filter.js
View File

@ -1,6 +1,7 @@
const filters = document.querySelector(".filters");
const buttons = Array.from(filters.querySelectorAll(".button"));
const search = document.querySelector("input[type='text']");
const filters = document.querySelector(".filters");
const buttons = Array.from(filters.querySelectorAll(".button"));
const search = document.querySelector("input[type='search']");
const form = document.querySelector("form");
const songList = document.querySelector(".song-list");
let selectedCategory = null;
@ -29,7 +30,9 @@ function filterSongs() {
}
// Event listeners
search.addEventListener("keyup", filterSongs);
search.addEventListener("input", filterSongs);
// Filtering happens before the reset itself without this timeout
form.addEventListener("reset", () => setTimeout(filterSongs, 0));
buttons.forEach(button => button.addEventListener("click", () => buttonToggle(button)));
// Normalize song titles