Shopping List

<h1>My Shopping List</h1>
<ul id="shopping-list"></ul>
<button onclick="window.print()">🖨 Print</button>

<script>
  const list = JSON.parse(localStorage.getItem('shoppingList')) || [];
  const container = document.getElementById('shopping-list');
  
  list.forEach(handle => {
    const li = document.createElement('li');
    li.innerHTML = `<a href="/products/${handle}">${handle.replace(/-/g, ' ')}</a>`;
    container.appendChild(li);
  });
</script>