"Updated freeBooks.html to add profile name display from local storage and set default text to 'Welcome, Guest!' if no name is saved."

Author: akash70629

assets/html/freeBooks.html

@@ -690,7 +690,7 @@
                   <img id="profile-avatar" src="../images/avatar1.jpg" />
                 </div>
                 <div class="menu">
-                  <h3>XYZ<br /><span>Book Lover</span></h3>
+                  <h3 id="profileNameDisplay">XYZ<br /><span>Book Lover</span></h3>
                   <ul>
                     <li>
                       <img src="../images/user.jpg" /><a href="../../profile.html">My profile</a>
@@ -716,9 +716,19 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
       <script>
         document.addEventListener("DOMContentLoaded", () => {
           const savedAvatar = localStorage.getItem("selectedAvatar");
+          const savedName = localStorage.getItem("profileName");
           if (savedAvatar) {
             document.getElementById("profile-avatar").src = `./assets/images/${savedAvatar}`;
           }
+
+          if (savedName) {
+            document.getElementById("profileNameDisplay").textContent = `${savedName}`;
+        } else {
+            document.getElementById("profileNameDisplay").textContent = "Welcome, Guest!";
+        }
+
+
+
         });
         document.getElementById('more-link').addEventListener('click', function(event) {
         event.preventDefault();