Add files via upload

details.js

@@ -1,12 +1,14 @@
 const id = new URLSearchParams(window.location.search).get('id');
 
+
 const renderDetails = async () => {
     const res = await fetch(`https://tarana-music-player.herokuapp.com/songs/` + id);
     if (!res.ok) {
         window.location.replace("./index.html");
     }
 
     const song = await res.json();
+
     track.src = song.path;
     title.innerHTML = song.name;
     track_image.src = song.img;
@@ -23,4 +25,7 @@ const renderDetails = async () => {
 
 }
 
+
+
+
 window.addEventListener('DOMContentLoaded', renderDetails);

index.html

@@ -115,7 +115,7 @@
             }
         </script>
 
-        <!-- <script src="./main.js"></script> -->
+        <script src="./main.js"></script>
         <script src="./up.js"></script>
 
         <script async src="https://api.countapi.xyz/hit/sonu.live/tarana?callback=cb"></script>

main.js

@@ -1,48 +1,25 @@
-// const searchForm = document.querySelector('#srh');
+const searchForm = document.querySelector('#srh');
 
-// const getSongs = async (term) => {
-//     let uri = `https://tarana-music-player.herokuapp.com/songs/?_sort=name&_order=asc`;
+const searchSong = async (term) => {
+    let uri = `https://tarana-music-player.herokuapp.com/songs/?_sort=name&_order=asc`;
 
-//     if (term) {
-//         uri += `&q=${term}`;
-//         list.innerHTML = "";
-//     }
+    if (term) {
+        uri += `&q=${term}`;
+        list.innerHTML = "";
+    }
 
-//     const res = await fetch(uri);
-//     const data = await res.json();
+    const res = await fetch(uri);
+    const data = await res.json();
 
-//     data.forEach(element => {
-//         link = document.createElement('a');
-//         link.innerHTML = `${element.id}. ${element.name} →${element.singer}`;
+    data.forEach(element => {
+        genLink(element);
 
-//         // console.log(element);
+    });
+}
 
-//         link.addEventListener('click', function () {
-//             track.src = element.path;
-//             title.innerHTML = element.name;
-//             track_image.src = element.img;
-//             artist.innerHTML = element.singer;
-//             present.innerHTML = element.id;
-
-//             total.innerHTML = All_song.length;
-
-
-//             nochange();
-//             reset_slider();
-
-//             playsong();
-
-//         });
-
-//         list.append(link);
-//     });
-
-// }
-
-// searchForm.addEventListener('input', (e) => {
-//     e.preventDefault();
-//     getSongs(searchForm.value.trim());
-
-// });
-
-// // window.addEventListener('DOMContentLoaded', () => getSongs());
+searchForm.addEventListener('input', (e) => {
+    e.preventDefault();
+    if(searchForm.value.trim() != ''){
+        searchSong(searchForm.value.trim());
+    }
+});

package.json

@@ -7,7 +7,10 @@
     "start": "nodemon server.js",
     "serve": "json-server --watch songs.json"
   },
-  "keywords": [],
+  "keywords": [
+    "tarana",
+    "music-player"
+  ],
   "author": "Sonu Kumar Kushwaha <[email protected]>",
   "license": "MIT",
   "dependencies": {

play.html

@@ -116,7 +116,7 @@
 
         <script src="./details.js"></script>
         <script src="./up.js"></script>
-
+        <script src="./main.js"></script>
 
         <script async src="https://api.countapi.xyz/hit/sonu.live/tarana?callback=cb"></script>
     </body>