script.js

function generateImage() {
  const prompt = document.getElementById('prompt').value;
  const loading = document.getElementById('loading');
  const output = document.getElementById('output');
  const printBtn = document.getElementById('printBtn');

  if (!prompt) {
    alert('Please describe your coloring sheet!');
    return;
  }

  loading.style.display = 'block';
  output.innerHTML = '';
  printBtn.style.display = 'none';

  // Simulate placeholder image generation
  setTimeout(() => {
    // Use this URL instead
    const placeholderUrl = `https://dummyimage.com/600x400/ffffff/000000&text=${encodeURIComponent(prompt)}`;
    
    output.innerHTML = `<img src="${placeholderUrl}" alt="Coloring Sheet">`;
    loading.style.display = 'none';
    printBtn.style.display = 'inline-block';
  }, 2000);
}