Update script.js

script.js

@@ -1,25 +1,25 @@
-const GPT_URL = 'https://your-custom-gpt-url';
-
 const $ = s => document.querySelector(s);
 const $$ = s => Array.from(document.querySelectorAll(s));
 
 const out = $('#out');
 const hint = $('#hint');
-const cta = $('#copyOpen');
+const copyBtn = $('#copy');
+const copyOpenBtn = $('#copyOpen');
+const GPT_URL = 'https://chatgpt.com/g/g-6864ab7c8c188191b8641483747e63c2-coursemaster-pro';
 
 function getSingle(name){
   const on = $(`.toggles[data-name="${name}"] .toggle[aria-pressed="true"]`);
   return on ? on.textContent.trim() : '';
 }
-function getMultiKeys(){
-  const obj = {};
-  $$('.toggles.multi .toggle').forEach(b=>{
-    const k = b.dataset.key;
-    obj[k] = b.getAttribute('aria-pressed') === 'true';
+function getAddons(){
+  const add = {};
+  $$('.toggles.multi .toggle').forEach(btn=>{
+    add[btn.dataset.key] = btn.getAttribute('aria-pressed') === 'true';
   });
-  return obj;
+  return add;
 }
-function toggleBehavior(){
+
+function wireToggles(){
   $$('.toggles').forEach(group=>{
     group.addEventListener('click', e=>{
       const btn = e.target.closest('.toggle');
@@ -30,15 +30,21 @@ function toggleBehavior(){
         btn.setAttribute('aria-pressed', (!pressed).toString());
       }else{
         group.querySelectorAll('.toggle').forEach(b=>b.setAttribute('aria-pressed','false'));
-        btn.setAttribute('aria-pressed', 'true');
+        btn.setAttribute('aria-pressed','true');
       }
     });
   });
 }
-toggleBehavior();
+wireToggles();
 
-function buildPrompt(){
+function buildUserPrompt(){
   const topic = $('#topic').value.trim();
+  if(!topic){
+    hint.textContent = 'Please enter a Topic.';
+    return '';
+  }
+  hint.textContent = '';
+
   const audience = getSingle('audience') || 'Students';
   const level = getSingle('level') || 'Beginner';
   const delivery = getSingle('delivery') || 'Online';
@@ -49,135 +55,43 @@ function buildPrompt(){
   const localization = $('#localization').value.trim() || 'Auto';
   const exportFmt = $('#export').value.trim() || 'PDF';
   const notes = $('#notes').value.trim();
-  const add = getMultiKeys();
-
-  if(!topic){
-    hint.textContent = 'Please enter a Topic.';
-    return '';
-  }
-  hint.textContent = '';
-
-  const wantVideo = add.video ? 'Yes' : 'No';
-  const wantBloom = add.bloom ? 'Yes' : 'No';
-  const wantAssess = add.assess ? 'Yes' : 'No';
-
-  const langLine = language === 'Auto'
-    ? 'Respond in the same language as the user\'s query.'
-    : `Respond in ${language}.`;
-
-  const text =
-`🧠 Identity & Behavior:
-You are CourseMaster GPT, an expert-level AI trained to design comprehensive, research-backed, ethically grounded, and practically beneficial course outlines instantly based on user input.
-
-You specialize in generating structured, engaging, and accessible course plans tailored to different audiences (students, freelancers, professionals), skill levels (beginner to advanced), and delivery formats (live/recorded, online/offline).
-– Optionally map each objective with Bloom’s Taxonomy level.
-
-🌐 Language & Tone:
-📌 ${langLine}
-📌 Maintain a consistently ${tone.toLowerCase()} and motivational tone.
-
-📦 Core Output Structure:
-Every course must include:
-
-📘 Course Title – Clear and topic-relevant
-🎯 Course Objectives – Key learning goals in bullet format
-📚 Lessons Outline – Numbered weekly or modular format, each with:
-Complete lesson summary
-Integrated ethical/moral training
-2–4 recall questions (no answers)
-1–2 open-ended prompts
-1 real-life application scenario
-📝 Practical Activities – Assignments or tasks per lesson
-💡 Expected Outcomes – What learners will achieve
-🧭 Ethical Integration – Values like honesty, responsibility, and respect
-🎥 Video Lesson Support (if requested)
-
-🎥 Video Lesson Support (requested): ${wantVideo}
-If "Yes", for each lesson, include:
-Video Title, Suggested Duration (5–10 min), Script Outline, Visual Slide Topics, Suggested Tools (OBS, VN, mic), Call-to-Action + link to next step.
-
-🪄 If online and not mentioned:
-"اگر آپ چاہیں تو اس کورس کے لیے ریکارڈڈ ویڈیو لیسنز بھی شامل کیے جا سکتے ہیں تاکہ سٹوڈنٹس بعد میں آسانی سے دوبارہ دیکھ سکیں۔ میں ویڈیو اسکرپٹس، سلائیڈ ٹاپکس اور ویڈیو پلاننگ میں مدد کر سکتا ہوں۔"
-– Add a simple progression matrix showing skill build-up.
-
-🔬 Research & Pedagogical Design:
-Align with global learning science standards
-Match complexity to user's cognitive level (${level})
-Use clear, simple explanations; include analogies, short stories, modular steps when beneficial.
-
-📊 Deliverables Format Summary:
-Section	Included
-Title	✅
-Objectives	✅
-Lessons + Ethics + Recall + Prompts	✅
-Assignments	✅
-Outcomes	✅
-Optional Video Content	${wantVideo === 'Yes' ? '✅' : '➖'}
-Language Flexibility	✅
-Real-Life Applications	✅
-
-🧩 Adaptive & Advanced Features:
-🔄 Adaptive Course Customization Logic:
-Ask clarifying questions if the prompt is vague.
-📊 Learner Assessment Module: ${wantAssess}
-🧠 Bloom’s Taxonomy Mapping: ${wantBloom}
-
-🌐 Cultural Localization:
-Adapt tone and examples to: ${localization}
-
-📂 Output Format Options:
-Preferred Export: ${exportFmt}
-
-🧠 Topic:
-${topic}
-
-👥 Audience: ${audience}
-📈 Level: ${level}
-🕒 Duration: ${duration}
-🎓 Delivery: ${delivery}
-📌 Depth: ${depth}
-
-🗒️ Notes:
-${notes || 'N/A'}
-
-✅ Example Interaction:
-If the user asks for a ${duration} ${delivery.toLowerCase()} course on "${topic}" for ${audience.toLowerCase()}, respond with the full structure above.
-
-🤝 Confirmation & Feedback:
-Always end with:
-"Does this course outline align with your expectations, or would you like any adjustments?"
-"Thank you for using CourseMaster AI GPT. If satisfied, please consider leaving a positive rating or feedback. Your response is highly appreciated."
-
-⚠️ Behavior Control:
-Use all elements naturally and selectively — avoid forced or unnecessary details.
-Stay user-centered, respectful, and context-aware at all times.`;
-
-  return text + `\n\n— CourseMaster`;
-}
-
-function typewriter(el, text){
-  el.textContent = '';
-  let i = 0;
-  const step = () => {
-    if(i < text.length){
-      el.textContent += text[i++];
-      requestAnimationFrame(step);
-    }
-  };
-  requestAnimationFrame(step);
+  const add = getAddons();
+
+  const flags = [];
+  if(add.video) flags.push('Video Support');
+  if(add.bloom) flags.push('Bloom Mapping');
+  if(add.assess) flags.push('Assessments');
+
+  const parts = [
+    `Topic: ${topic}`,
+    `Audience: ${audience}`,
+    `Level: ${level}`,
+    `Duration: ${duration}`,
+    `Delivery: ${delivery}`,
+    `Language: ${language}`,
+    `Tone: ${tone}`,
+    `Depth: ${depth}`,
+    `Localization: ${localization}`,
+    `Export: ${exportFmt}`,
+    flags.length ? `Add-ons: ${flags.join(', ')}` : '',
+    notes ? `Notes: ${notes}` : ''
+  ].filter(Boolean);
+
+  return `Please generate a complete course outline based on the following selections:\n\n${parts.join('\n')}`;
 }
 
-$('#start').addEventListener('click', () => {
-  const prompt = buildPrompt();
+$('#build').addEventListener('click', () => {
+  const prompt = buildUserPrompt();
   if(!prompt) return;
-  typewriter(out, prompt);
-  cta.classList.remove('hidden');
+  out.textContent = prompt;
+  copyBtn.classList.remove('hidden');
+  copyOpenBtn.classList.remove('hidden');
 });
 
 document.addEventListener('keydown', e => {
   if(e.key === 'Enter' && document.activeElement.id !== 'notes'){
     e.preventDefault();
-    $('#start').click();
+    $('#build').click();
   }
 });
 
@@ -190,14 +104,29 @@ async function copyToClipboard(text){
   }
 }
 
-cta.addEventListener('click', async () => {
+copyBtn.addEventListener('click', async () => {
   const txt = out.textContent.trim();
   if(!txt){ hint.textContent = 'Nothing to copy.'; return; }
   hint.textContent = '';
-  cta.disabled = true;
+  copyBtn.disabled = true;
+  const ok = await copyToClipboard(txt);
+  copyBtn.textContent = ok ? 'Copied!' : 'Copy failed';
+  setTimeout(()=>{ copyBtn.textContent = 'Copy Prompt'; copyBtn.disabled = false; }, 1200);
+});
+
+copyOpenBtn.addEventListener('click', async () => {
+  const txt = out.textContent.trim();
+  if(!txt){ hint.textContent = 'Nothing to copy.'; return; }
+  hint.textContent = '';
+  copyOpenBtn.disabled = true;
+
   const copied = await copyToClipboard(txt);
   const w = window.open(GPT_URL, '_blank');
   const opened = !!w;
-  cta.textContent = `${copied ? 'Copied' : 'Copy failed'} • ${opened ? 'Opening GPT…' : 'Open your GPT manually'}`;
-  setTimeout(()=>{ cta.textContent = 'Copy & Paste Now'; cta.disabled = false; }, 1400);
+
+  copyOpenBtn.textContent = `${copied ? 'Copied' : 'Copy failed'} • ${opened ? 'Opening GPT…' : 'Open blocked'}`;
+  setTimeout(()=>{
+    copyOpenBtn.textContent = 'Copy & Paste in GPT';
+    copyOpenBtn.disabled = false;
+  }, 1400);
 });