انعكاس العلم الصاعد

 <!-- اختبار تلقائي: فشل نموذج العلم الصاعد -->

<div dir="rtl" style="font-family: 'Tahoma', Arial; max-width:900px; margin:10px auto; padding:15px; border:1px solid #ddd; border-radius:8px; background:#fff;">

  <h2 style="margin-top:0; text-align:center;">اختبار ذاتي — فشل نموذج العلم الصاعد (20 سؤال)</h2>

  <p>تعليمات: اختر إجابة واحدة لكل سؤال ثم اضغط "تصحيح". ستظهر النتيجة، الإجابات الصحيحة، وشرح مختصر لكل سؤال.</p>

  <!-- ضع رابط الصورة هنا -->

  <div style="text-align:center; margin:12px 0;">

    <img id="patternImage" src="IMAGE_URL_HERE" alt="صورة التطبيق" style="max-width:100%; height:auto; border:1px solid #ccc; border-radius:6px;" />

    <div style="font-size:12px; color:#666; margin-top:6px;">استبدل IMAGE_URL_HERE برابط صورتك المرفوعة.</div>

  </div>

  <form id="quizForm" onsubmit="return false;">

    <div id="questionsContainer"></div>

    <div style="text-align:center; margin-top:18px;">

      <button id="submitBtn" type="button" style="padding:10px 18px; background:#0073aa; color:#fff; border:none; border-radius:6px; cursor:pointer;">تصحيح</button>

      <button id="resetBtn" type="button" style="padding:10px 14px; margin-left:8px; background:#f0f0f0; border:1px solid #ccc; border-radius:6px; cursor:pointer;">إعادة الاختبار</button>

    </div>

    <div id="resultArea" style="margin-top:16px; display:none; padding:12px; border-radius:6px; background:#f9f9f9;"></div>

  </form>

</div>

<script>

/* ======== بيانات الأسئلة (سهل التعديل) ======== */

/* كل عنصر: {q: "السؤال", choices: ["A","B","C","D"], answer:  index_of_correct_choice (0..3), explanation: "شرح..." } */

const questions = [

  { q: "عند فشل نموذج العلم الصاعد، أي من التالي غالبًا ما يشير إلى انعكاس هبوطي مبكر؟",

    choices: ["اختراق للأعلى بحجم تداول عالي", "شمعة انعكاس هابطة قوية عند القمة", "اختراق جانبى بدون زخم", "زيادة RSI فوق 80"],

    answer: 1,

    explanation: "شمعة انعكاس هابطة قوية عند القمة بعد الصعود تشير غالبًا لفشل الاستمرارية وتحول للهبوط." },

  { q: "أيهما علامة مهمة على أن الاختراق الصاعد في العلم قد يكون كاذبًا (false breakout)؟",

    choices: ["زيادة حجم التداول مع الاختراق", "اختراق بفتيل علوي طويل ثم إغلاق أسفل القمة", "رؤية نموذج علم صغير", "وجود دعم أسفل النموذج"],

    answer: 1,

    explanation: "فتيل طويل فوق ثم إغلاق أسفل القمة يدل على رفض السعر للاختراق — إشارة إلى فشل." },

  { q: "ما دور حجم التداول عندما نتعامل مع فشل العلم الصاعد؟",

    choices: ["لا أهمية له", "زيادة الحجم مع الاختراق يؤكد النجاح وليس الفشل", "انخفاض الحجم مع الاختراق قد يشير لفشل الاختراق", "حجم التداول يحدد الهدف بدقة"],

    answer: 2,

    explanation: "اختراق يصاحبه انخفاض في الحجم يعطى احتمال أكبر لأن يكون اختراقًا ضعيفًا أو كاذبًا." },

  { q: "تباعد RSI (RSI divergence) مع السعر بعد الاختراق الصاعد يشير غالبًا إلى:",

    choices: ["قوة الاختراق", "احتمال انعكاس أو فشل الاختراق", "استمرار الاتجاه الصاعد بلا حدود", "تذبذب بسيط لا معنى له"],

    answer: 1,

    explanation: "تباعد هبوطي في RSI بينما السعر يصنع قمة يشير إلى ضعف الزخم واحتمال انعكاس." },

  { q: "إذا عاد السعر لاختبار سقف العلم بعد الاختراق ولكنه فشل في البقاء فوقه، ماذا نسمي ذلك؟",

    choices: ["Retest ناجح", "Breakout confirming", "Rejection / false retest", "Continuation"],

    answer: 2,

    explanation: "فشل البقاء فوق نقطة الاختراق ضِمن عملية إعادة اختبار يعبر عن رفض ويؤدي لفشل النموذج." },

  { q: "أي نمط شموع يعتبر إشارة قاطعة على فشل العلم الصاعد؟",

    choices: ["شمعة انعكاسية هابطة (bearish engulfing)", "شمعة دوجي صغيرة", "شمعة صاعدة بحجم صغير", "شمعة ابتلاع صاعدة"],

    answer: 0,

    explanation: "شمعة ابتلاع هابطة قوية بعد الاختراق تعد إشارة قوية لفشل ونقطة انعكاس." },

  { q: "عند فشل العلم الصاعد، أين نضع عادة وقف الخسارة (stop loss) للمضارب الذي يدخل بيعًا بعد الفشل؟",

    choices: ["أعلى فتيل الشمعة الأخيرة/قمة محلية", "عند نفس سعر الدخول", "أسفل قاع طويل المدى", "في الوسط بين القمم"],

    answer: 0,

    explanation: "وضع وقف فوق أعلى فتيل للشمعة التي رفضت الاختراق يحمي من ارتدادات صغيرة." },

  { q: "الفشل في نموذج العلم الصاعد يمكن أن يحدث بسبب أي مما يلي؟",

    choices: ["تلاشي الزخم، تدفقات بيع مفاجئة، أو أخبار سلبية", "حجم تداول مرتفع دائمًا", "تحديد أهداف المستثمرين فقط", "وجود نموذج آخر بنفس الاتجاه"],

    answer: 0,

    explanation: "قلة الزخم أو ضغط بيع مفاجئ أو خبر سلبي يمكن أن يؤدي لفشل الاختراق." },

  { q: "ما الفرق بين فشل العلم الصاعد والاستمرار الطبيعي؟",

    choices: ["لا فرق", "الفشل يتضمن رفض الاختراق وارتداد هبوطي بينما الاستمرار يصاحبه تأكيد اختراق", "فشل يحدث دائمًا مع زيادة الحجم", "الاستمرار يكون في فريم أصغر فقط"],

    answer: 1,

    explanation: "الاستمرار يتطلب تأكيد الاختراق (إغلاق أعلى مع زخم)، أما الفشل إغلاق أسفل نقطة الاختراق." },

  { q: "أيهما انعكاس مختصر قد يظهر بعد فشل العلم الصاعد؟",

    choices: ["تصحيح قصير ثم متابعة صعود", "هبوط قوي مستمر وربما تحول للاتجاه الهابط", "ثبات في نطاق ضيق إلى الأبد", "قمة مزدوجة لا تؤثر على السعر"],

    answer: 1,

    explanation: "فشل قوي قد يؤدي لهبوط قوي مع تحوّل الزخم لصالح البائعين." },

  { q: "عند تحليل الصورة: ظهور شَمْعَة كبيرة صاعدة ثم تلتها شَمْعَة حمراء كبيرة عند القمة عادة ما يعني:",

    choices: ["تأكيد صالح للاستمرارية الصاعدة", "احتمال فشل النموذج ورفض السعر للقمة", "نموذج علم واضح", "لا شيء مهم"],

    answer: 1,

    explanation: "وجود شمعة حمراء كبيرة بعد صعود قوي يدل على رفض السعر ويزيد احتمال الفشل." },

  { q: "وظيفة خط الدعم داخل العلم عندما يفشل الاختراق هي:",

    choices: ["يصبح مقاومة ويؤدي لإغلاق صاعد", "يفقد أهميته غالبًا وقد ينكسر للأسفل مسببًا هبوطًا", "يصبح هدفًا للشراء دائمًا", "يتحول إلى مؤشر RSI"],

    answer: 1,

    explanation: "فشل الاختراق غالبًا يضغط السعر لاختراق خط الدعم داخل العلم إلى الأسفل." },

  { q: "هل الفريم الزمني يؤثر في احتمالية فشل نموذج العلم الصاعد؟",

    choices: ["لا على الإطلاق", "نعم — الفريمات القصيرة أكثر ضوضاء واحتمال فشل أكبر", "نعم — فقط الفريمات الكبيرة تفشل", "الفريم ليس له علاقة بالتحليل الفني"],

    answer: 1,

    explanation: "الفريمات الصغيرة تحوي إشارات ناقصة وزيادة ضوضاء مما يزيد احتمالات الإشارات الكاذبة." },

  { q: "ما هي علامة «Head fake» خلال محاولة الاختراق؟",

    choices: ["اختراق حقيقي مع زرع أوامر", "انطلاق السعر فوق القمة ثم عكس سريع للأسفل", "تثبيت السعر أعلى القمة لعدة أيام", "الإفصاح المالي"],

    answer: 1,

    explanation: "Head fake: تحريك السعر فوق مستوى ثم عكس سريعًا — مؤشر قوي لفشل الاختراق." },

  { q: "بعد فشل العلم الصاعد، أي هدف تكون معقولة لإدارة المخاطر للبيع؟",

    choices: ["نصف المسافة للصعود السابق أو مستوى دعم واضح أدنى", "الهدف نفس مستوى القمة السابقة", "تجاهل الهدف", "الشراء مرة أخرى فورًا"],

    answer: 0,

    explanation: "تحديد أهداف محافظة قرب مستويات الدعم يساعد إدارة المخاطر بعد فشل النموذج." },

  { q: "كيف تتعامل مع خبر مفاجئ يصاحب الاختراق الصاعد؟",

    choices: ["تتجاهله دائمًا", "تراقب حجم التداول وتأثير الخبر؛ الأخبار السلبية قد تسبب فشل الاختراق", "تضع أوامر شراء فورًا بلا تحليل", "تزيل كل الرسوم البيانية"],

    answer: 1,

    explanation: "الأخبار تزيد التقلب وقد تؤدي لفشل الاختراق إذا كانت سلبية أو تقلبت السوق." },

  { q: "أي إشارة فنية أخرى قد تؤكد فشل العلم الصاعد؟",

    choices: ["تكوّن قمة مزدوجة أو ابتلاع هابط أو كسر خط اتجاه قصير", "ظهور متوسط متحرك 200", "زيادة نقاط الدعم", "تذبذب بلا معنى"],

    answer: 0,

    explanation: "قمة مزدوجة أو شموع ابتلاعية هابطة أو كسر ترند صغير كلها تؤكد فشل الاختراق." },

  { q: "هل من الأفضل الدخول بيعًا فور إغلاق شمعة تحت مستوى الاختراق أم الانتظار؟",

    choices: ["دخول فورًا دائمًا", "الانتظار لتأكيد إضافي (حجم/شمعة تأكيد) يقلل الإشارات الكاذبة", "لا تدخل أبدًا", "افعل عكس ذلك"],

    answer: 1,

    explanation: "الانتظار لتأكيد يقلل المخاطرة مع الفرص العالية للاختراق الكاذب." },

  { q: "المؤشرات المتعددة مثل MACD وRSI عند ظهورها معا متراجعة بعد الاختراق تعني:",

    choices: ["قوة صعودية", "زيادة احتمال فشل الاختراق وبدء هبوط", "أن السوق حيادي تماما", "إشارة للشراء فقط"],

    answer: 1,

    explanation: "تراجع عدة مؤشرات زخم معًا يشير إلى ضعف الاستمرار وزيادة احتمالية الفشل." },

  { q: "أخيرًا: ما أهم شيء لإدارة مخاطرك عند التعامل مع فشل نموذج العلم الصاعد؟",

    choices: ["استخدام وقف خسارة واضح وحجم مركز مناسب", "المراهنة بكل رأس المال", "التجاهل التام للتحليل", "الاعتماد على حظ فقط"],

    answer: 0,

    explanation: "إدارة رأس المال والوقف الواضح أساس التحمّل أمام إشارات الفشل." }

];

/* ======== رسم الأسئلة في الصفحة ======== */

const container = document.getElementById('questionsContainer');

questions.forEach((item, idx) => {

  const qDiv = document.createElement('div');

  qDiv.style = "padding:10px; border-bottom:1px solid #eee;";

  qDiv.innerHTML = `

    <div style="margin-bottom:6px;"><strong>س${idx+1}:</strong> <span>${item.q}</span></div>

    <div style="display:flex; flex-direction:column; gap:6px;">

      ${item.choices.map((ch, i) => `

        <label style="cursor:pointer; background:#fafafa; padding:8px; border:1px solid #eee; border-radius:6px;">

          <input type="radio" name="q${idx}" value="${i}" style="margin-left:8px;"> ${String.fromCharCode(65+i)}. ${ch}

        </label>

      `).join('')}

    </div>

    <div id="explanation-${idx}" style="display:none; margin-top:8px; background:#fff9e6; padding:8px; border-left:4px solid #f0c36d; border-radius:4px; font-size:13px;"></div>

  `;

  container.appendChild(qDiv);

});

/* ======== التصحيح والعرض ======== */

document.getElementById('submitBtn').addEventListener('click', function(){

  let score = 0;

  const total = questions.length;

  const unanswered = [];

  questions.forEach((item, idx) => {

    const radios = document.getElementsByName('q'+idx);

    let selected = null;

    for (const r of radios) if (r.checked) { selected = Number(r.value); break; }

    const explDiv = document.getElementById('explanation-'+idx);

    explDiv.style.display = 'none';

    explDiv.innerHTML = '';

    // لم يتم الإجابة

    if (selected === null) {

      unanswered.push(idx+1);

      // تمييز السؤال بصريًا

      radios[0].closest('div').parentElement.style.background = '#fff6f6';

      return;

    } else {

      radios[0].closest('div').parentElement.style.background = 'transparent';

    }

    if (selected === item.answer) {

      score++;

      // علامة صحيحة (نستخدم خلفية خفيفة)

      radios.forEach(r => {

        const lab = r.parentElement;

        lab.style.background = (Number(r.value) === item.answer) ? '#e8f7ea' : '#fafafa';

        lab.style.borderColor = '#c8e6c9';

      });

    } else {

      // خطأ: نوضح الإجابة الصحيحة

      radios.forEach(r => {

        const lab = r.parentElement;

        if (Number(r.value) === item.answer) {

          lab.style.background = '#e8f7ea';

          lab.style.borderColor = '#c8e6c9';

        } else if (r.checked) {

          lab.style.background = '#fdecea';

          lab.style.borderColor = '#f5c6c6';

        } else {

          lab.style.background = '#fafafa';

          lab.style.borderColor = '#eee';

        }

      });

    }

    // إظهار شرح

    explDiv.style.display = 'block';

    explDiv.innerHTML = `<strong>التوضيح:</strong> ${item.explanation}`;

  });

  const resultArea = document.getElementById('resultArea');

  const percent = Math.round((score/total)*100);

  resultArea.style.display = 'block';

  resultArea.innerHTML = `

    <div style="font-weight:700; font-size:16px;">النتيجة: ${score} / ${total} — ${percent}%</div>

    <div style="margin-top:8px;">${percent >= 70 ? '<span style="color:green">أداء جيد 👍 — استمر!</span>' : '<span style="color:#c0392b">قد تحتاج لمزيد من الدراسة — راجع التوضيحات.</span>'}</div>

    ${unanswered.length ? `<div style="margin-top:8px; color:#a94442;">لم تجب على الأسئلة: ${unanswered.join(', ')}. الرجاء إكمالها ثم أعد التصحيح.</div>` : ''}

  `;

});

/* ======== زر إعادة الاختبار ======== */

document.getElementById('resetBtn').addEventListener('click', function(){

  // مسح الاختيارات وإخفاء الشروحات وتصفير الخلفيات

  questions.forEach((_, idx) => {

    const radios = document.getElementsByName('q'+idx);

    radios.forEach(r => { r.checked = false; r.parentElement.style.background = '#fafafa'; r.parentElement.style.borderColor = '#eee'; });

    const explDiv = document.getElementById('explanation-'+idx);

    explDiv.style.display = 'none';

    explDiv.innerHTML = '';

    radios[0].closest('div').parentElement.style.background = 'transparent';

  });

  document.getElementById('resultArea').style.display = 'none';

  // Scroll to top of quiz

  window.scrollTo({top: document.getElementById('questionsContainer').offsetTop - 10, behavior:'smooth'});

});

</script>