diff error

assets/favourites-page/favourite.html

@@ -93,9 +93,9 @@ <h6><i class="ri-mail-line"></i>nishchalb21@gmail.com</h6>
 
     </div>
 
-
+    <script src="../headers.js"></script>
+    <script src="../wishlist.js" type="module" ></script>
     <script src="../products.js"></script>
-    <script src="favourite.js"></script>
-    <script src="../index.js"></script>
+    <script src="favourite.js" type="module" ></script>
 </body>
 </html>

assets/favourites-page/favourite.js

@@ -1,12 +1,12 @@
 // Import wishlistData object containing the wishlistProducts array
-import { wishlistData } from './wishlist.js';
-console.log(wishlistData);
+import { wishlistData } from '../wishlist.js';
 
 document.addEventListener('DOMContentLoaded', () => {
     const containerWished = document.getElementById("container-wished-products");
-    const wishlistProducts = wishlistData.wishProducts || []; // Use the imported wishlistProducts array
+    const wishlistProducts = wishlistData.products || []; // Use the imported wishlistProducts array
 
-    wishlistProducts.forEach((wishproductCard) => {
-        containerWished.appendChild(wishproductCard); // Assuming wishproductCard is the product card element
-    });
+    console.log(wishlistProducts);
+    // wishlistProducts.forEach((wishproductCard) => {
+    //     containerWished.appendChild(wishproductCard); // Assuming wishproductCard is the product card element
+    // });
 });

assets/headers.js

@@ -0,0 +1,26 @@
+// Inserting the top header 
+const headerTop = document.querySelector("#header-top");
+headerTop.innerHTML = `
+    <div class="social-icons">
+        <a href="https://www.facebook.com/thenischalbhattarai/" target="_blank"><i class="ri-facebook-fill"></i></a>
+        <a href=""><i class="ri-instagram-line" target="_blank"></i></a>
+        <a href="https://twitter.com/nischal_108" target="_blank"><i class="ri-twitter-x-line"></i></a>
+        <a href="https://github.com/nischal108" target="_blank"><i class="ri-github-fill"></i></a>
+    </div>
+    <h5 id="header-info">FREE SHIPPING THIS WEEK ORDER OVER - Rs.550</h5>
+    <h6 id="seller-call">become a seller</h6>`;
+
+// Inserting header bottom 
+const headerBottom = document.getElementById("header-bottom");
+headerBottom.innerHTML = `
+    <a href="https://nischal108.github.io/e-commerce/"><h3>Shopiji</h3></a>
+    <div id="search">
+        <input type="text" placeholder="search items ....">
+        <i class="ri-search-2-line"></i>
+    </div>
+    <div id="menu-icons">
+        <i class="ri-search-2-line"></i>
+        <a href="assets/favourites-page/favourite.html"><i class="ri-heart-2-line"></i></a>
+        <a href=""><i class="ri-shopping-cart-fill"></i></a>
+    </div>`;
+

assets/index.js

@@ -1,30 +1,3 @@
-// Inserting the top header 
-const headerTop = document.querySelector("#header-top");
-headerTop.innerHTML = `
-    <div class="social-icons">
-        <a href="https://www.facebook.com/thenischalbhattarai/" target="_blank"><i class="ri-facebook-fill"></i></a>
-        <a href=""><i class="ri-instagram-line" target="_blank"></i></a>
-        <a href="https://twitter.com/nischal_108" target="_blank"><i class="ri-twitter-x-line"></i></a>
-        <a href="https://github.com/nischal108" target="_blank"><i class="ri-github-fill"></i></a>
-    </div>
-    <h5 id="header-info">FREE SHIPPING THIS WEEK ORDER OVER - Rs.550</h5>
-    <h6 id="seller-call">become a seller</h6>`;
-
-// Inserting header bottom 
-const headerBottom = document.getElementById("header-bottom");
-headerBottom.innerHTML = `
-    <a href="https://nischal108.github.io/e-commerce/"><h3>Shopiji</h3></a>
-    <div id="search">
-        <input type="text" placeholder="search items ....">
-        <i class="ri-search-2-line"></i>
-    </div>
-    <div id="menu-icons">
-        <i class="ri-search-2-line"></i>
-        <a href="assets/favourites-page/favourite.html"><i class="ri-heart-2-line"></i></a>
-        <a href=""><i class="ri-shopping-cart-fill"></i></a>
-    </div>`;
-
-
 
 // product card creation
 const productsContainer = document.querySelector("#products-cards-list");

assets/wishlist.js

@@ -7,6 +7,8 @@ document.addEventListener('DOMContentLoaded', () => {
         element.addEventListener("click", (e) => {
             let wishedProduct = e.target.parentNode.closest(".product-card");
             wishlistProducts.push(wishedProduct);
+            console.log("pushed");
+            console.log(wishlistProducts);
             // Save wishlistProducts to localStorage
             localStorage.setItem('wishlist', JSON.stringify(wishlistProducts));
         });

index.html

@@ -159,9 +159,10 @@ <h6><i class="ri-mail-line"></i>nishchalb21@gmail.com</h6>
     </div>
 </footer>
 
+    <script src="assets/headers.js"></script>
     <script src="assets/products.js"></script>
     <script src="assets/index.js"></script>
-    <script src="assets/wishlist.js"></script>
-    <script src="assets/favourites-page/favourite.js"></script>
+    <script src="assets/wishlist.js" type="module"></script>
+    <!-- <script src="assets/favourites-page/favourite.js"></script> -->
 </body>
 </html>