app update

index.html

@@ -5,11 +5,11 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
+  
   <title>Music Player</title>
-  <meta name="title" content="Music Player">
+  <meta name="title" content="Surprise">
   <meta name="description" content="A web music player html template made by codewithsadee">
-
+  <link rel="manifest" href="manifest.json">
   <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
 
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -103,6 +103,25 @@ <h2 class="headline-sm" data-title>Wonders In Moment</h2>
   </main>
 
   <script src="script.js"></script>
+<script>
+
+  window.addEventListener('load', () => {
+    registerSW();
+  });
+
+  // Register the Service Worker
+  async function registerSW() {
+    if ('serviceWorker' in navigator) {
+      try {
+        await navigator
+              .serviceWorker
+              .register('serviceworker.js');
+      }
+      catch (e) {
+        console.log('SW registration failed');
+      }
+    }
+  }
 
 </body>