music/index.html

@@ -22,9 +22,6 @@
         <span>Search Titles: </span>
         <input type="text" id="title" />
     </div>
-    <div style="display: none;">
-        <button type="button" id="clear">Clear Filters</button>
-    </div>
     <table id="songs">
 
     </table>
@@ -33,7 +30,6 @@
   <script>
     const artistQuery = document.getElementById('artist');
     const titleQuery = document.getElementById('title');
-    const resetButton = document.getElementById('clear');
     const songTable = document.getElementById('songs');
     const filterSongs = (artist, title) => {
         let result = [...songList];
@@ -43,14 +39,10 @@
         if(title) {
             result = result.filter(song => song.title.toLowerCase().includes(title.toLowerCase()));
         }
-        resetButton.parentElement.style.display = artist || title ? "block" : "none";
-        document.getElementById('count').innerText = artist || title ? `Filtered to ${result.length} songs from ${songList.length}.` : `Naomi currently has ${songList.length} songs.`;
         updateTable(result);
     }
     const loadSongs = (songs) => {
         songList.push(...songs);
-        artistQuery.value = "";
-        titleQuery.value = "";
         artistQuery.parentElement.style.display = "block";
         titleQuery.parentElement.style.display = "block";
         document.getElementById('count').innerText = `Naomi currently has ${songs.length} songs.`;
@@ -83,11 +75,6 @@
 
     artistQuery?.addEventListener("input", (e) => filterSongs(e.target.value, titleQuery.value));
     titleQuery?.addEventListener("input", (e) => filterSongs(artistQuery.value, e.target.value));
-    resetButton?.addEventListener("click", () => {
-        artistQuery.value = "";
-        titleQuery.value = "";
-        filterSongs("", "");
-    });
   </script>
   <style>
         table {
@@ -105,13 +92,5 @@
             border-radius:10px;
             padding:.25rem
         }
-        button {
-            background:var(--foreground);
-            color:var(--background);
-            border:1px solid white;
-            border-radius:10px;
-            padding:.25rem;
-            cursor:url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
-        }
   </style>
 </html>