Wislist

<div id="wishlist"></div>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    let wishlist = JSON.parse(localStorage.getItem("wishlist")) || [];
    let container = document.getElementById("wishlist");

    if (wishlist.length === 0) {
      container.innerHTML = "<p>No items in wishlist ❤️</p>";
    } else {
      wishlist.forEach(item => {
        container.innerHTML += `
          <div style="margin-bottom:20px;">
            <img src="${item.image}" width="120"><br>
            <a href="${item.url}">${item.title}</a>
          </div>
        `;
      });
    }
  });
</script>