docs: day 73

Author: solygambas

073-lyrics search app/index.html

@@ -23,7 +23,7 @@ <h1>Lyrics Search</h1>
     <div id="result" class="container result">
       <p>Results will be displayed here</p>
     </div>
-    <!-- Add a Loading Spinner -->
+    <!-- Show a Loading Spinner -->
     <div id="loader" class="loader"></div>
     <script src="script.js"></script>
   </body>

073-lyrics search app/script.js

@@ -8,7 +8,7 @@ let searches = JSON.parse(localStorage.getItem("searches")) || [];
 let lastSearchResults = [];
 const apiURL = "https://lrclib.net/api";
 
-// Add a Loading Spinner
+// Show a Loading Spinner
 function showLoader() {
   loader.style.display = "grid";
 }
@@ -27,7 +27,7 @@ async function searchSongs(term) {
     if (lastSearchResults.length) {
       saveSearch(term);
     }
-    // Add Error Handling
+    // Handle Errors Gracefully
   } catch (error) {
     result.innerHTML = "<p>Failed to fetch results. Please try again.</p>";
     lastSearchResults = [];

073-lyrics search app/style.css

@@ -158,7 +158,7 @@ ul.songs li {
   white-space: pre-wrap;
 }
 
-/* Add a Loading Spinner */
+/* Show a Loading Spinner */
 .loader {
   margin: auto;
   width: 50px;