Update script.js

script.js

@@ -1,96 +1,92 @@
-document.addEventListener('DOMContentLoaded', () => {
-    // Select all necessary HTML elements
-    const startChatBtn = document.getElementById('start-chat-btn');
-    const ideaInput = document.getElementById('idea-input');
-    const chatOutput = document.getElementById('chat-output');
-    
-    const toneSelect = document.getElementById('tone-select');
-    const formatSelect = document.getElementById('format-select');
-    const lengthSelect = document.getElementById('length-select');
-    const languageSelect = document.getElementById('language-select');
+const ideaInput = document.getElementById('idea-input');
+const startBtn = document.getElementById('start-chat-btn');
+const output = document.getElementById('chat-output');
+const copyBtn = document.getElementById('copy-and-open-btn');
 
-    // Select the new button
-    const copyAndOpenBtn = document.getElementById('copy-and-open-btn');
+function typewriter(text, target, speed = 18) {
+  target.textContent = '';
+  let i = 0;
+  const interval = setInterval(() => {
+    target.textContent += text.charAt(i);
+    i++;
+    if (i >= text.length) clearInterval(interval);
+  }, speed);
+}
 
-    let currentInterval = null;
-
-    // Typewriter function
-    function typeWriter(element, text, speed = 40) {
-        if (currentInterval) {
-            clearInterval(currentInterval);
-        }
-
-        let i = 0;
-        element.innerHTML = '';
-        currentInterval = setInterval(() => {
-            if (i < text.length) {
-                element.innerHTML += text.charAt(i);
-                i++;
-            } else {
-                clearInterval(currentInterval);
-                currentInterval = null;
-                // Show the "Copy & Open" button once typing is complete
-                copyAndOpenBtn.classList.remove('hidden');
-            }
-        }, speed);
+function formatResponse({ idea, tone, format, length, language }) {
+  const base = {
+    English: {
+      intro: `Idea: ${idea}\nTone: ${tone} • Format: ${format} • Length: ${length}\n\n`,
+      paragraph: `Here’s a ${tone.toLowerCase()} take on your idea. `,
+      bulletsIntro: `Key points:\n`,
+      emailIntro: `Subject: ${idea}\n\nHi there,\n\n`,
+      outro: `\n\n— Generated by Brand AI`
+    },
+    Urdu: {
+      intro: `آئیڈیا: ${idea}\nلہجہ: ${tone} • فارمیٹ: ${format} • طوالت: ${length}\n\n`,
+      paragraph: `یہ آپ کے آئیڈیا پر ایک ${tone} انداز ہے۔ `,
+      bulletsIntro: `اہم نکات:\n`,
+      emailIntro: `موضوع: ${idea}\n\nالسلام علیکم،\n\n`,
+      outro: `\n\n— برانڈ اے آئی کی جانب سے`
     }
+  }[language];
 
-    // Event listener for the "Start Chat" button
-    startChatBtn.addEventListener('click', () => {
-        // Hide the "Copy & Open" button when a new chat starts
-        copyAndOpenBtn.classList.add('hidden');
-
-        const idea = ideaInput.value.trim();
-        if (idea === '') {
-            alert('Please enter your idea first.');
-            return;
-        }
-
-        const selectedTone = toneSelect.value;
-        const selectedFormat = formatSelect.value;
-        const selectedLength = lengthSelect.value;
-        const selectedLanguage = languageSelect.value;
-
-        const fullResponse = `Your Idea: "${idea}"
+  const detailsByLength = {
+    Short: language === 'English'
+      ? 'A crisp, single-line value proposition.'
+      : 'مختصر اور مؤثر ایک جملے کی قدر پیش کش۔',
+    Medium: language === 'English'
+      ? 'A concise summary with one or two supporting points.'
+      : 'مختصر خلاصہ ساتھ ایک دو اہم نکات۔',
+    Detailed: language === 'English'
+      ? 'A detailed explanation with benefits, audience fit, and a gentle CTA.'
+      : 'تفصیلی وضاحت جس میں فوائد، ہدف صارف اور ہلکی سی کال ٹو ایکشن شامل ہو۔'
+  }[length];
 
-Selected Options:
-- Tone: ${selectedTone}
-- Format: ${selectedFormat}
-- Length: ${selectedLength}
-- Language: ${selectedLanguage}
+  const contentByFormat = {
+    'Paragraph': `${base.paragraph}${detailsByLength}`,
+    'Bullet Points': `${base.bulletsIntro}- ${detailsByLength}\n- Audience relevance\n- Clear next step`,
+    'Email': `${base.emailIntro}${detailsByLength}\n\nBest regards,\nYour Brand`
+  }[format];
 
----
-Generating content based on this idea...`;
-        
-        typeWriter(chatOutput, fullResponse, 30);
-    });
+  return `${base.intro}${contentByFormat}${base.outro}`;
+}
 
-    // Event listener for the new "Copy & Open" button
-    copyAndOpenBtn.addEventListener('click', () => {
-        const textToCopy = chatOutput.innerText;
+function handleGenerate() {
+  const idea = ideaInput.value.trim();
+  if (!idea) {
+    ideaInput.focus();
+    output.textContent = 'Please enter an idea to get started.';
+    return;
+  }
+  const tone = document.getElementById('tone-select').value;
+  const format = document.getElementById('format-select').value;
+  const length = document.getElementById('length-select').value;
+  const language = document.getElementById('language-select').value;
 
-        // --- IMPORTANT ---
-        // REPLACE THE LINK BELOW WITH YOUR ACTUAL CUSTOM GPT LINK
-        const customGptUrl = 'https://chat.openai.com/g/YOUR-CUSTOM-GPT-ID-HERE';
-        // --- IMPORTANT ---
+  const text = formatResponse({ idea, tone, format, length, language });
+  typewriter(text, output);
+  copyBtn.classList.remove('hidden');
+  copyBtn.setAttribute('aria-live', 'polite');
+}
 
-        // Copy text to clipboard
-        navigator.clipboard.writeText(textToCopy).then(() => {
-            // Give user feedback
-            const originalText = copyAndOpenBtn.innerHTML;
-            copyAndOpenBtn.innerHTML = '✅ Copied!';
-            
-            // Open the link in a new tab
-            window.open(customGptUrl, '_blank');
-            
-            // Revert button text after 2 seconds
-            setTimeout(() => {
-                copyAndOpenBtn.innerHTML = originalText;
-            }, 2000);
+async function copyToClipboard() {
+  const text = output.textContent.trim();
+  if (!text) return;
+  try {
+    await navigator.clipboard.writeText(text);
+    copyBtn.textContent = '✅ Copied! Open in Custom GPT';
+    setTimeout(() => (copyBtn.textContent = '📋 Copy & Open in Custom GPT'), 1500);
+    // Optional: open a placeholder URL for your Custom GPT
+    // window.open('https://chat.openai.com/', '_blank');
+  } catch {
+    copyBtn.textContent = '⚠️ Copy failed';
+    setTimeout(() => (copyBtn.textContent = '📋 Copy & Open in Custom GPT'), 1500);
+  }
+}
 
-        }).catch(err => {
-            console.error('Failed to copy text: ', err);
-            alert('Could not copy the text. Please do it manually.');
-        });
-    });
-});
+startBtn.addEventListener('click', handleGenerate);
+ideaInput.addEventListener('keydown', (e) => {
+  if (e.key === 'Enter') handleGenerate();
+});
+copyBtn.addEventListener('click', copyToClipboard);