Function createMemeCard

apps/catgpt/script.js:307–334

(prompt, index, imageUrl)

// ── Cards ────────────────────────────────────────────────────────────────────

function createMemeCard(prompt, index, imageUrl) {
    const safeUrl = sanitizeUrl(imageUrl);
    if (!safeUrl) return null;

    const card = document.createElement("div");
    card.className = "example-card";
    card.style.animationDelay = `${index * 0.1}s`;

    const img = document.createElement("img");
    img.src = safeUrl;
    img.alt = prompt;
    img.loading = "lazy";
    card.appendChild(img);

    const p = document.createElement("p");
    p.textContent = `"${prompt}"`;
    card.appendChild(p);

    card.addEventListener("click", () => {
        dom.userInput.value = prompt;
        updateGenerateButtonState();
        scrollToGenerator();
        dom.userInput.focus();
        notify("Prompt loaded! Hit Generate 🎨");
    });

    return card;
}

function loadUserMemes() {
    dom.yourMemesGrid.innerHTML = "";