Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>Grocery List</title><link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet"><script src="https://cdn.tailwindcss.com"><\/script><\/head><body class="min-h-screen bg-base-200 p-4"><div class="max-w-4xl mx-auto"><h1 class="text-3xl font-bold text-center mb-6">🛒 Smart Grocery List</h1><div id="input"><textarea id="list" class="textarea textarea-bordered w-full h-48" placeholder="Paste your list here..."><\/textarea><button onclick="go()" class="btn btn-primary w-full mt-4">Optimize</button><\/div><div id="output" class="hidden mt-6"><\/div><\/div><script>function go(){var t=document.getElementById('list').value,n=t.split('\n'),e={};n.forEach(function(t){var n=t.trim();if(n&&!n.endsWith(':')&&('-'===n[0]||'•'===n[0])){var a=n.replace(/^[-•]\s*/,'').toLowerCase();e[a]=(e[a]||0)+1}});var a={produce:[],meat:[],dairy:[],canned:[],grains:[],beverages:[]};for(var r