Hugging Face's logo

Spaces:
methodya
/
quizz-theory-full
Running

App Files Community
methodya commited on
Commit
8ea95c5
·
verified ·
1 Parent(s): 3978307

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +773 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Quizz Theory Full
3
- emoji: 🌖
4
- colorFrom: yellow
5
  colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: quizz-theory-full
3
+ emoji: 🐳
4
+ colorFrom: red
5
  colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,773 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="ar" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>اختبار شامل: درس النظرية والتجريب</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');
11
+
12
+ body {
13
+ font-family: 'Tajawal', sans-serif;
14
+ background-color: #f0fdfa; /* teal-50 for background */
15
+ }
16
+
17
+ .quiz-container {
18
+ background-color: #ffffff; padding: 2rem; border-radius: 0.75rem; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.05); margin: 2rem auto; max-width: 5xl; /* Equivalent to max-w-5xl */
19
+ }
20
+ .quiz-header {
21
+ text-align: center; margin-bottom: 2.5rem; border-bottom: 3px solid #0d9488; /* teal-600 */ padding-bottom: 1rem;
22
+ }
23
+ .quiz-header h1 { font-size: 2.25rem; /* text-4xl */ font-weight: 700; color: #1f2937; /* gray-800 */ margin-bottom: 0.5rem; }
24
+ .quiz-header p { font-size: 1.125rem; /* text-lg */ color: #4b5563; /* gray-600 */ }
25
+
26
+ .quiz-question {
27
+ border: 1px solid #e5e7eb; /* gray-200 */ border-radius: 0.5rem; padding: 1.5rem; margin-bottom: 1.5rem; background-color: #f9fafb; /* gray-50 */
28
+ }
29
+ .quiz-question h4 { font-weight: 600; font-size: 1.125rem; /* text-lg */ margin-bottom: 1rem; color: #111827; /* gray-900 */ }
30
+ .quiz-question .space-y-2 label { display: block; padding: 0.75rem 1rem; border: 1px solid #d1d5db; /* gray-300 */ border-radius: 0.375rem; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease; }
31
+ .quiz-question .space-y-2 label:hover { background-color: #f3f4f6; /* gray-100 */ }
32
+ .quiz-question .space-y-2 input[type="radio"]:checked + span { font-weight: 600; } /* Highlight text of selected answer slightly */
33
+
34
+ /* Result Styles */
35
+ #quizResult { margin-top: 2rem; padding: 1.5rem; border-radius: 0.5rem; font-size: 1.125rem; text-align: center; }
36
+ #quizResult h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.75rem; }
37
+
38
+ /* Feedback Styles (applied by JS) */
39
+ .correct-answer-label { background-color: #dcfce7 !important; /* green-100 */ border-color: #86efac !important; /* green-300 */ color: #166534 !important; /* green-800 */ font-weight: 600; }
40
+ .incorrect-answer-label { background-color: #fee2e2 !important; /* red-100 */ border-color: #fca5a5 !important; /* red-300 */ color: #991b1b !important; /* red-800 */ font-weight: 600; }
41
+ .unanswered-question h4 { color: #ca8a04 !important; /* yellow-600 */ font-style: italic; }
42
+
43
+ /* Floating Button Style */
44
+ .floating-btn { position: fixed; bottom: 20px; left: 20px; z-index: 10; transition: transform 0.3s ease; }
45
+ .floating-btn:hover { transform: scale(1.1); }
46
+
47
+ /* Fade-in Animation */
48
+ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
49
+ .fade-in { animation: fadeIn 0.8s ease-out forwards; }
50
+
51
+ </style>
52
+ </head>
53
+ <body class="bg-teal-50 fade-in">
54
+
55
+ <div class="quiz-container">
56
+
57
+ <header class="quiz-header">
58
+ <h1><i class="fas fa-flask text-teal-600"></i> اختبار شامل: درس النظرية والتجريب <i class="fas fa-microscope text-teal-600"></i></h1>
59
+ <p>قيّم فهمك للعلاقة بين النظرية والتجربة، العقلانية العلمية، ومعايير علمية النظريات.</p>
60
+ </header>
61
+
62
+ <form id="comprehensiveQuizForm">
63
+ <div class="space-y-6">
64
+
65
+ <!-- Questions Section -->
66
+ <div class="quiz-question" id="q1-container">
67
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">1</span> مفهوم "النظرية" علمياً يشير إلى:</h4>
68
+ <div class="space-y-2">
69
+ <label><input type="radio" name="q1" value="a" class="mr-2"><span class="ml-2">آراء شخصية حول قضايا عامة.</span></label>
70
+ <label><input type="radio" name="q1" value="b" data-correct="true" class="mr-2"><span class="ml-2">نسق فكري منظم ومنهجي يتضمن قوانين ومبادئ لتفسير ظاهرة علمية.</span></label>
71
+ <label><input type="radio" name="q1" value="c" class="mr-2"><span class="ml-2">الخبرة العملية المكتسبة في مجال معين.</span></label>
72
+ <label><input type="radio" name="q1" value="d" class="mr-2"><span class="ml-2">عملية إعادة تمثيل الظاهرة في المختبر.</span></label>
73
+ </div>
74
+ </div>
75
+
76
+ <div class="quiz-question" id="q2-container">
77
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">2</span> مفهوم "التجربة" بالمعنى العلمي الدقيق هو:</h4>
78
+ <div class="space-y-2">
79
+ <label><input type="radio" name="q2" value="a" class="mr-2"><span class="ml-2">الحكمة والمهارة في الحياة اليومية.</span></label>
80
+ <label><input type="radio" name="q2" value="b" class="mr-2"><span class="ml-2">التفكير النظري المجرد حول الطبيعة.</span></label>
81
+ <label><input type="radio" name="q2" value="c" data-correct="true" class="mr-2"><span class="ml-2">عملية إعادة إحداث ظاهرة في ظروف مراقبة (المختبر) لاختبار فرضية.</span></label>
82
+ <label><input type="radio" name="q2" value="d" class="mr-2"><span class="ml-2">الخطوة الأولى في المنهج العلمي وهي الملاحظة.</span></label>
83
+ </div>
84
+ </div>
85
+
86
+ <div class="quiz-question" id="q3-container">
87
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">3</span> الصراع الفلسفي الذي يبرزه الدرس بين النظرية والتجربة يتعلق بـ:</h4>
88
+ <div class="space-y-2">
89
+ <label><input type="radio" name="q3" value="a" class="mr-2"><span class="ml-2">أهمية الرياضيات في العلم.</span></label>
90
+ <label><input type="radio" name="q3" value="b" data-correct="true" class="mr-2"><span class="ml-2">أحقية كل منهما (العقل/النظري مقابل الحواس/التجريبي) في تأسيس اليقين العلمي.</span></label>
91
+ <label><input type="radio" name="q3" value="c" class="mr-2"><span class="ml-2">تحديد القيمة الأخلاقية للعلم.</span></label>
92
+ <label><input type="radio" name="q3" value="d" class="mr-2"><span class="ml-2">دور الخيال في الاكتشافات العلمية فقط.</span></label>
93
+ </div>
94
+ </div>
95
+
96
+ <div class="quiz-question" id="q4-container">
97
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">4</span> يرى كلود برنارد أن خطوات المنهج التجريبي الكلاسيكي تتبع الترتيب التالي:</h4>
98
+ <div class="space-y-2">
99
+ <label><input type="radio" name="q4" value="a" class="mr-2"><span class="ml-2">فرضية - ملاحظة - تجربة - قانون.</span></label>
100
+ <label><input type="radio" name="q4" value="b" data-correct="true" class="mr-2"><span class="ml-2">ملاحظة - فرضية - تجربة - قانون.</span></label>
101
+ <label><input type="radio" name="q4" value="c" class="mr-2"><span class="ml-2">تجربة - ملاحظة - قانون - فرضية.</span></label>
102
+ <label><input type="radio" name="q4" value="d" class="mr-2"><span class="ml-2">قانون - فرضية - ملاحظة - تجربة.</span></label>
103
+ </div>
104
+ </div>
105
+
106
+ <div class="quiz-question" id="q5-container">
107
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">5</span> حسب كلود برنارد، وظيفة التجربة الأساسية هي:</h4>
108
+ <div class="space-y-2">
109
+ <label><input type="radio" name="q5" value="a" class="mr-2"><span class="ml-2">اكتشاف ظواهر جديدة بشكل عفوي.</span></label>
110
+ <label><input type="radio" name="q5" value="b" class="mr-2"><span class="ml-2">صياغة الفرضيات الأولية.</span></label>
111
+ <label><input type="radio" name="q5" value="c" data-correct="true" class="mr-2"><span class="ml-2">الحكم على صحة الفرضية المقترحة.</span></label>
112
+ <label><input type="radio" name="q5" value="d" class="mr-2"><span class="ml-2">ملاحظة الظواهر الميكروسكوبية.</span></label>
113
+ </div>
114
+ </div>
115
+
116
+ <div class="quiz-question" id="q6-container">
117
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">6</span> يرى روني طوم أن التجريب العلمي المعاصر، خاصة في الفيزياء، يحتاج إلى:</h4>
118
+ <div class="space-y-2">
119
+ <label><input type="radio" name="q6" value="a" class="mr-2"><span class="ml-2">الاعتماد الكلي على الملاحظة بالعين المجردة.</span></label>
120
+ <label><input type="radio" name="q6" value="b" class="mr-2"><span class="ml-2">تجاهل دور الفرضيات العقلية.</span></label>
121
+ <label><input type="radio" name="q6" value="c" data-correct="true" class="mr-2"><span class="ml-2">دمج التجربة المخبرية مع التجربة الذهنية والخيال العقلي.</span></label>
122
+ <label><input type="radio" name="q6" value="d" class="mr-2"><span class="ml-2">التمسك بالمنهج الكلاسيكي لبرنارد دون تغيير.</span></label>
123
+ </div>
124
+ </div>
125
+
126
+ <div class="quiz-question" id="q7-container">
127
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">7</span> ما هو المفهوم الذي يميز "التجريب" عن "التجربة" في السياق العلمي؟</h4>
128
+ <div class="space-y-2">
129
+ <label><input type="radio" name="q7" value="a" class="mr-2"><span class="ml-2">التجريب يعتمد على الحواس فقط، بينما التجربة تعتمد على العقل.</span></label>
130
+ <label><input type="radio" name="q7" value="b" data-correct="true" class="mr-2"><span class="ml-2">التجريب عملية بناءة ومساءلة للطبيعة لاختبار فرضية، بينما التجربة قد تكون مجرد ملاحظة أو هي لحظة ضمن التجريب.</span></label>
131
+ <label><input type="radio" name="q7" value="c" class="mr-2"><span class="ml-2">لا يوجد فرق حقيقي بينهما في العلم.</span></label>
132
+ <label><input type="radio" name="q7" value="d" class="mr-2"><span class="ml-2">التجربة هي الخطوة النهائية، بينما التجريب هو الخطوة الأولى.</span></label>
133
+ </div>
134
+ </div>
135
+
136
+ <div class="quiz-question" id="q8-container">
137
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">8</span> يشترط في "الفرضية" العلمية أن تكون:</h4>
138
+ <div class="space-y-2">
139
+ <label><input type="radio" name="q8" value="a" class="mr-2"><span class="ml-2">مؤكدة ومثبتة بشكل نهائي قبل التجربة.</span></label>
140
+ <label><input type="radio" name="q8" value="b" class="mr-2"><span class="ml-2">خيالية تماماً ولا علاقة لها بالواقع.</span></label>
141
+ <label><input type="radio" name="q8" value="c" data-correct="true" class="mr-2"><span class="ml-2">قابلة للتحقق التجريبي، نابعة من الملاحظة، وغير متناقضة مع ذاتها.</span></label>
142
+ <label><input type="radio" name="q8" value="d" class="mr-2"><span class="ml-2">مستقلة تماماً عن أي ملاحظة سابقة.</span></label>
143
+ </div>
144
+ </div>
145
+
146
+ <div class="quiz-question" id="q9-container">
147
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">9</span> العقلانية العلمية المعاصرة تتميز عن الكلاسيكية بكونها:</h4>
148
+ <div class="space-y-2">
149
+ <label><input type="radio" name="q9" value="a" class="mr-2"><span class="ml-2">منغلقة وتعتمد على مبادئ ثابتة لا تتغير.</span></label>
150
+ <label><input type="radio" name="q9" value="b" data-correct="true" class="mr-2"><span class="ml-2">منفتحة ونقدية وتؤكد على الحوار بين العقل والتجربة.</span></label>
151
+ <label><input type="radio" name="q9" value="c" class="mr-2"><span class="ml-2">ترفض دور العقل تماماً في العلم.</span></label>
152
+ <label><input type="radio" name="q9" value="d" class="mr-2"><span class="ml-2">تعتمد على التجربة الحسية المباشرة فقط.</span></label>
153
+ </div>
154
+ </div>
155
+
156
+ <div class="quiz-question" id="q10-container">
157
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">10</span> يرى ألبرت أينشتاين أن المبدأ الخلاق الأساسي في العلم هو:</h4>
158
+ <div class="space-y-2">
159
+ <label><input type="radio" name="q10" value="a" class="mr-2"><span class="ml-2">التجربة الدقيقة في المختبر.</span></label>
160
+ <label><input type="radio" name="q10" value="b" data-correct="true" class="mr-2"><span class="ml-2">العقل الرياضي المبدع القادر على اكتشاف القوانين.</span></label>
161
+ <label><input type="radio" name="q10" value="c" class="mr-2"><span class="ml-2">الملاحظة الحسية المباشرة للظواهر.</span></label>
162
+ <label><input type="radio" name="q10" value="d" class="mr-2"><span class="ml-2">القدرة على تفنيد النظريات القائمة.</span></label>
163
+ </div>
164
+ </div>
165
+
166
+ <div class="quiz-question" id="q11-container">
167
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">11</span> ينتقد غاستون باشلار العقلانية الرياضية المجردة (مثل تصور أينشتاين) لأنها:</h4>
168
+ <div class="space-y-2">
169
+ <label><input type="radio" name="q11" value="a" class="mr-2"><span class="ml-2">تعتمد كثيراً على التجربة.</span></label>
170
+ <label><input type="radio" name="q11" value="b" class="mr-2"><span class="ml-2">تركز على الظواهر الميكروسكوبية فقط.</span></label>
171
+ <label><input type="radio" name="q11" value="c" data-correct="true" class="mr-2"><span class="ml-2">تعتبر "فارغة" وتشتغل بالعقل في فراغ التطبيق الواقعي دون حوار مع التجربة.</span></label>
172
+ <label><input type="radio" name="q11" value="d" class="mr-2"><span class="ml-2">لا تستخدم الرياضيات بشكل كافٍ.</span></label>
173
+ </div>
174
+ </div>
175
+
176
+ <div class="quiz-question" id="q12-container">
177
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">12</span> يؤكد باشلار على أن مستقبل الفيزياء المعاصرة يكمن في:</h4>
178
+ <div class="space-y-2">
179
+ <label><input type="radio" name="q12" value="a" class="mr-2"><span class="ml-2">العودة إلى المنهج التجريبي الكلاسيكي.</span></label>
180
+ <label><input type="radio" name="q12" value="b" class="mr-2"><span class="ml-2">الاعتماد الكلي على العقل الرياضي المجرد.</span></label>
181
+ <label><input type="radio" name="q12" value="c" data-correct="true" class="mr-2"><span class="ml-2">اليقين المزدوج الناتج عن الحوار المستمر بين العقل والتجربة.</span></label>
182
+ <label><input type="radio" name="q12" value="d" class="mr-2"><span class="ml-2">رفض استخدام الرياضيات في الفيزياء.</span></label>
183
+ </div>
184
+ </div>
185
+
186
+ <div class="quiz-question" id="q13-container">
187
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">13</span> يرى كارل بوبر أن ما يميز النظرية العلمية عن غيرها هو:</h4>
188
+ <div class="space-y-2">
189
+ <label><input type="radio" name="q13" value="a" class="mr-2"><span class="ml-2">قدرتها على تفسير كل شيء بشكل مطلق.</span></label>
190
+ <label><input type="radio" name="q13" value="b" class="mr-2"><span class="ml-2">قابليتها للتحقق التجريبي الإيجابي بشكل دائم.</span></label>
191
+ <label><input type="radio" name="q13" value="c" data-correct="true" class="mr-2"><span class="ml-2">قابليتها ��لتفنيد أو التكذيب من خلال اختبارات محتملة.</span></label>
192
+ <label><input type="radio" name="q13" value="d" class="mr-2"><span class="ml-2">اعتمادها على العقل الرياضي فقط.</span></label>
193
+ </div>
194
+ </div>
195
+
196
+ <div class="quiz-question" id="q14-container">
197
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">14</span> حسب بوبر، يتقدم العلم بشكل أساسي عن طريق:</h4>
198
+ <div class="space-y-2">
199
+ <label><input type="radio" name="q14" value="a" class="mr-2"><span class="ml-2">تأكيد وتكديس الحقائق التي تم التحقق منها.</span></label>
200
+ <label><input type="radio" name="q14" value="b" data-correct="true" class="mr-2"><span class="ml-2">الجرأة على اقتراح نظريات قابلة للتكذيب ومحاولة تفنيدها.</span></label>
201
+ <label><input type="radio" name="q14" value="c" class="mr-2"><span class="ml-2">الحدس والخيال العقلي فقط.</span></label>
202
+ <label><input type="radio" name="q14" value="d" class="mr-2"><span class="ml-2">التمسك بالنظريات السائدة ورفض تغييرها.</span></label>
203
+ </div>
204
+ </div>
205
+
206
+ <div class="quiz-question" id="q15-container">
207
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">15</span> يؤكد بيير تويليي على أهمية "تعدد الاختبارات" للنظرية العلمية بهدف:</h4>
208
+ <div class="space-y-2">
209
+ <label><input type="radio" name="q15" value="a" class="mr-2"><span class="ml-2">إثبات صحتها بشكل نهائي ومطلق.</span></label>
210
+ <label><input type="radio" name="q15" value="b" class="mr-2"><span class="ml-2">إيجاد طريقة لتكذيبها منطقياً فقط.</span></label>
211
+ <label><input type="radio" name="q15" value="c" data-correct="true" class="mr-2"><span class="ml-2">ضمان تماسكها المنطقي وقدرتها على مواكبة التحولات العلمية وتصحيح نفسها.</span></label>
212
+ <label><input type="radio" name="q15" value="d" class="mr-2"><span class="ml-2">عزل النظرية عن أي فرضيات جديدة قد تتحدىها.</span></label>
213
+ </div>
214
+ </div>
215
+
216
+ <div class="quiz-question" id="q16-container">
217
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">16</span> الفائدة من معياري "القابلية للتكذيب" و"تعدد الاختبارات" حسب الدرس هي:</h4>
218
+ <div class="space-y-2">
219
+ <label><input type="radio" name="q16" value="a" class="mr-2"><span class="ml-2">الوصول إلى اليقين العلمي المطلق والثابت.</span></label>
220
+ <label><input type="radio" name="q16" value="b" data-correct="true" class="mr-2"><span class="ml-2">ضمان بقاء العلم نشاطاً نقدياً ديناميكياً قادراً على التطور وتصحيح أخطائه.</span></label>
221
+ <label><input type="radio" name="q16" value="c" class="mr-2"><span class="ml-2">تأكيد دور العقل الرياضي كالمصدر الوحيد للمعرفة.</span></label>
222
+ <label><input type="radio" name="q16" value="d" class="mr-2"><span class="ml-2">إثبات عدم جدوى التجريب في العلم الحديث.</span></label>
223
+ </div>
224
+ </div>
225
+
226
+ <div class="quiz-question" id="q17-container">
227
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">17</span> الموقف الذي يؤكد على أهمية الخيال والتجارب الذهنية بجانب التجريب المخبري يمثله:</h4>
228
+ <div class="space-y-2">
229
+ <label><input type="radio" name="q17" value="a" class="mr-2"><span class="ml-2">كلود برنارد</span></label>
230
+ <label><input type="radio" name="q17" value="b" data-correct="true" class="mr-2"><span class="ml-2">روني طوم</span></label>
231
+ <label><input type="radio" name="q17" value="c" class="mr-2"><span class="ml-2">كارل بوبر</span></label>
232
+ <label><input type="radio" name="q17" value="d" class="mr-2"><span class="ml-2">ألبرت أينشتاين (بشكل مختلف يركز على الرياضي)</span></label>
233
+ </div>
234
+ </div>
235
+
236
+ <div class="quiz-question" id="q18-container">
237
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">18</span> الموقف الذي يرى أن العقلانية العلمية يجب أن تكون "مطبقة" وقائمة على حوار بين العقل والتجربة يمثله:</h4>
238
+ <div class="space-y-2">
239
+ <label><input type="radio" name="q18" value="a" class="mr-2"><span class="ml-2">ألبرت أينشتاين</span></label>
240
+ <label><input type="radio" name="q18" value="b" class="mr-2"><span class="ml-2">كلود برنارد</span></label>
241
+ <label><input type="radio" name="q18" value="c" data-correct="true" class="mr-2"><span class="ml-2">غاستون باشلار</span></label>
242
+ <label><input type="radio" name="q18" value="d" class="mr-2"><span class="ml-2">كارل بوبر</span></label>
243
+ </div>
244
+ </div>
245
+
246
+
247
+ <div class="quiz-question" id="q19-container">
248
+ <h4 class="flex items-center">
249
+ <span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">19</span>
250
+ ما الذي يكشفه الخلاف بين أينشتاين (الذي يركز على العقل الرياضي) وباشلار (الذي يؤكد على أهمية التجربة)؟
251
+ </h4>
252
+ <div class="space-y-2">
253
+ <label><input type="radio" name="q19" value="a" class="mr-2"><span class="ml-2">أخلاقيات البحث العلمي.</span></label>
254
+ <label><input type="radio" name="q19" value="b" data-correct="true" class="mr-2"><span class="ml-2">مصادر المعرفة العلمية وكيفية بنائها (طبيعة العقلانية العلمية).</span></label>
255
+ <label><input type="radio" name="q19" value="c" class="mr-2"><span class="ml-2">دور التكنولوجيا في العلم.</span></label>
256
+ <label><input type="radio" name="q19" value="d" class="mr-2"><span class="ml-2">تاريخ العلم القديم.</span></label>
257
+ </div>
258
+ </div>
259
+
260
+ <!-- اسئلة جديدة -->
261
+
262
+
263
+
264
+ <div class="quiz-question" id="q20-container">
265
+ <h4 class="flex items-center">
266
+ <span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">20</span>
267
+ من الفلاسفة الذين يرون أن العقل لا يكتفي بالتجربة، بل يساعد في فهم الظواهر وبناء المعرفة العلمية؟
268
+ </h4>
269
+ <div class="space-y-2">
270
+ <label><input type="radio" name="q20" value="a" class="mr-2"><span class="ml-2">التجريبيون مثل كلود برنارد.</span></label>
271
+ <label><input type="radio" name="q20" value="b" data-correct="true" class="mr-2"><span class="ml-2">العقلانيون مثل أينشتاين وباشلار.</span></label>
272
+ <label><input type="radio" name="q20" value="c" class="mr-2"><span class="ml-2">كارل بوبر الذي يؤكد على التكذيب.</span></label>
273
+ <label><input type="radio" name="q20" value="d" class="mr-2"><span class="ml-2">بيير تويليي الذي يركز على الاختبارات.</span></label>
274
+ </div>
275
+ </div>
276
+
277
+
278
+ <div class="quiz-question" id="q21-container">
279
+ <h4 class="flex items-center">
280
+ <span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">21</span>
281
+ بحسب مبدأ "القابلية للتكذيب"، كيف تُفهم الحقيقة في العلم؟
282
+ </h4>
283
+ <div class="space-y-2">
284
+ <label><input type="radio" name="q21" value="a" class="mr-2"><span class="ml-2">الحقيقة العلمية مطلقة ولا تتغير.</span></label>
285
+ <label><input type="radio" name="q21" value="b" data-correct="true" class="mr-2"><span class="ml-2">الحقيقة العلمية مؤقتة ويمكن مراجعتها أو دحضها لاحقاً.</span></label>
286
+ <label><input type="radio" name="q21" value="c" class="mr-2"><span class="ml-2">الحقيقة العلمية غير موجودة.</span></label>
287
+ <label><input type="radio" name="q21" value="d" class="mr-2"><span class="ml-2">الحقيقة العلمية هي ما يقبله أغلب الناس.</span></label>
288
+ </div>
289
+ </div>
290
+
291
+
292
+
293
+ <div class="quiz-question" id="q22-container">
294
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">22</span> لماذا يلح روني طوم على ضرورة "الخيال التجريبي" و"التجارب الذهنية" في العلم المعاصر؟</h4>
295
+ <div class="space-y-2">
296
+ <label><input type="radio" name="q22" value="a" class="mr-2"><span class="ml-2">لأن التجريب المخبري أصبح غير ضروري.</span></label>
297
+ <label><input type="radio" name="q22" value="b" data-correct="true" class="mr-2"><span class="ml-2">لتطوير الأداء التجريبي ومواجهة صعوبة دراسة الظواهر الميكروسكوبية التي تتطلب إبداعاً نظرياً.</span></label>
298
+ <label><input type="radio" name="q22" value="c" class="mr-2"><span class="ml-2">لأن العقل الرياضي وحده كافٍ لبناء المعرفة.</span></label>
299
+ <label><input type="radio" name="q22" value="d" class="mr-2"><span class="ml-2">لتأكيد صحة المنهج التجريبي الكلاسيكي.</span></label>
300
+ </div>
301
+ </div>
302
+
303
+ <div class="quiz-question" id="q23-container">
304
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">23</span> ما هو الدور الذي يمنحه أينشتاين للتجربة في عملية بناء المعرفة العلمية؟</h4>
305
+ <div class="space-y-2">
306
+ <label><input type="radio" name="q23" value="a" class="mr-2"><span class="ml-2">هي المصدر الأساسي والأول للمفاهيم والقوانين العلمية.</span></label>
307
+ <label><input type="radio" name="q23" value="b" data-correct="true" class="mr-2"><span class="ml-2">دور ثانوي يتمثل في مطابقة نتائج العقل الرياضي أو توجيهه لمسارات نظرية أعمق.</span></label>
308
+ <label><input type="radio" name="q23" value="c" class="mr-2"><span class="ml-2">لا دور لها على الإطلاق، فالعقل الرياضي كافٍ وحده.</span></label>
309
+ <label><input type="radio" name="q23" value="d" class="mr-2"><span class="ml-2">دورها يقتصر على الملاحظة الأولية فقط.</span></label>
310
+ </div>
311
+ </div>
312
+
313
+ <div class="quiz-question" id="q24-container">
314
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">24</span> كيف يصف باشلار العقلانية العلمية التي تكتفي بالعقل الرياضي دون حوار مع التجربة؟</h4>
315
+ <div class="space-y-2">
316
+ <label><input type="radio" name="q24" value="a" class="mr-2"><span class="ml-2">عقلانية مكتملة ونهائية.</span></label>
317
+ <label><input type="radio" name="q24" value="b" class="mr-2"><span class="ml-2">عقلانية تجريبية بحتة.</span></label>
318
+ <label><input type="radio" name="q24" value="c" data-correct="true" class="mr-2"><span class="ml-2">عقلانية فارغة لأنها تشتغل بالعقل في فراغ التطبيق الواقعي.</span></label>
319
+ <label><input type="radio" name="q24" value="d" class="mr-2"><span class="ml-2">عقلانية كلاسيكية منغلقة.</span></label>
320
+ </div>
321
+ </div>
322
+
323
+
324
+ <div class="quiz-question" id="q25-container">
325
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">25</span> الهدف الرئيسي من معيار "القابلية للتكذيب" لكارل بوبر هو:</h4>
326
+ <div class="space-y-2">
327
+ <label><input type="radio" name="q25" value="a" class="mr-2"><span class="ml-2">إثبات صحة النظريات العلمية بشكل قاطع.</span></label>
328
+ <label><input type="radio" name="q25" value="b" class="mr-2"><span class="ml-2">تسهيل عملية تطبيق النظريات.</span></label>
329
+ <label><input type="radio" name="q25" value="c" data-correct="true" class="mr-2"><span class="ml-2">تمييز العلم عن الميتافيزيقا أو العلوم الزائفة التي لا يمكن اختبارها ودحضها.</span></label>
330
+ <label><input type="radio" name="q25" value="d" class="mr-2"><span class="ml-2">التأكيد على دور الخيال في العلم.</span></label>
331
+ </div>
332
+ </div>
333
+
334
+ <div class="quiz-question" id="q26-container">
335
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">26</span> ما هو الهدف الرئيسي من "تعدد الاختبارات" الذي يدعو إليه بيير تويليي؟</h4>
336
+ <div class="space-y-2">
337
+ <label><input type="radio" name="q26" value="a" class="mr-2"><span class="ml-2">إثبات النظرية بشكل قاطع لا يقبل الشك.</span></label>
338
+ <label><input type="radio" name="q26" value="b" class="mr-2"><span class="ml-2">تسهيل عملية تكذيب النظرية منطقياً.</span></label>
339
+ <label><input type="radio" name="q26" value="c" data-correct="true" class="mr-2"><span class="ml-2">ضمان تماسك النظرية المنطقي وقدرتها على مواكبة التحولات العلمية وتصحيح نفسها.</span></label>
340
+ <label><input type="radio" name="q26" value="d" class="mr-2"><span class="ml-2">تبسيط النظرية العلمية لجعلها مفهومة للعامة.</span></label>
341
+ </div>
342
+ </div>
343
+
344
+ <div class="quiz-question" id="q27-container">
345
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">27</span> الفرق الأساسي بين معياري كارل بوبر و بيير تويليي لعلمية النظريات هو أن:</h4>
346
+ <div class="space-y-2">
347
+ <label><input type="radio" name="q27" value="a" class="mr-2"><span class="ml-2">بوبر يركز على التحقق وتويليي على التكذيب.</span></label>
348
+ <label><input type="radio" name="q27" value="b" class="mr-2"><span class="ml-2">بوبر يهتم بالجانب العملي وتويليي بالجانب المنطقي.</span></label>
349
+ <label><input type="radio" name="q27" value="c" data-correct="true" class="mr-2"><span class="ml-2">بوبر يركز على القابلية المنطقية للتكذيب، بينما تويليي يركز على الصمود العملي أمام اختبارات متعددة.</span></label>
350
+ <label><input type="radio" name="q27" value="d" class="mr-2"><span class="ml-2">كلاهما يتفقان تماماً في المعيار والهدف.</span></label>
351
+ </div>
352
+ </div>
353
+
354
+ <div class="quiz-question" id="q28-container">
355
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">28</span> حسب كلود برنارد، ما الذي "يوحي بالفكرة" للعالم في البداية؟</h4>
356
+ <div class="space-y-2">
357
+ <label><input type="radio" name="q28" value="a" class="mr-2"><span class="ml-2">الخيال العقلي المجرد.</span></label>
358
+ <label><input type="radio" name="q28" value="b" class="mr-2"><span class="ml-2">القانون العلمي السابق.</span></label>
359
+ <label><input type="radio" name="q28" value="c" data-correct="true" class="mr-2"><span class="ml-2">الحادث أو الملاحظة الأولية للظاهرة.</span></label>
360
+ <label><input type="radio" name="q28" value="d" class="mr-2"><span class="ml-2">نتيجة التجربة النهائية.</span></label>
361
+ </div>
362
+ </div>
363
+
364
+ <div class="quiz-question" id="q29-container">
365
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">29</span> أي من المواقف التالية يمثل نقداً لفكرة أن التجريب وحده كافٍ لبناء المعرفة العلمية؟</h4>
366
+ <div class="space-y-2">
367
+ <label><input type="radio" name="q29" value="a" class="mr-2"><span class="ml-2">موقف كلود برنارد.</span></label>
368
+ <label><input type="radio" name="q29" value="b" data-correct="true" class="mr-2"><span class="ml-2">موقف روني طوم وموقف باشلار (بدرجات متفاوتة).</span></label>
369
+ <label><input type="radio" name="q29" value="c" class="mr-2"><span class="ml-2">موقف يركز على أهمية الملاحظة فقط.</span></label>
370
+ <label><input type="radio" name="q29" value="d" class="mr-2"><span class="ml-2">موقف كارل بوبر (يركز على التكذيب وليس مصدر المعرفة).</span></label>
371
+ </div>
372
+ </div>
373
+
374
+ <div class="quiz-question" id="q30-container">
375
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">30</span> "اليقين المزدوج" الذي يتحدث عنه باشلار يشير إلى اليقين الناتج عن:</h4>
376
+ <div class="space-y-2">
377
+ <label><input type="radio" name="q30" value="a" class="mr-2"><span class="ml-2">العقل الرياضي والخيال معاً.</span></label>
378
+ <label><input type="radio" name="q30" value="b" class="mr-2"><span class="ml-2">التجربة والملاحظة معاً.</span></label>
379
+ <label><input type="radio" name="q30" value="c" data-correct="true" class="mr-2"><span class="ml-2">التكامل والحوار بين العقل (النظري/الرياضي) والتجربة (التطبيق الواقعي).</span></label>
380
+ <label><input type="radio" name="q30" value="d" class="mr-2"><span class="ml-2">القابلية للتكذيب وتعدد الاختبارات معاً.</span></label>
381
+ </div>
382
+ </div>
383
+
384
+ <!-- جدا اسئلة جديدة -->
385
+
386
+ <div class="quiz-question" id="q31-container">
387
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">31</span> في فلسفة العلم، كيف يتم التمييز غالباً بين "التجربة" بمعناها العام و"التجريب" بمعناه العلمي الدقيق؟</h4>
388
+ <div class="space-y-2">
389
+ <label><input type="radio" name="q31" value="a" class="mr-2"><span class="ml-2">التجربة فكرية والتجريب حسي.</span></label>
390
+ <label><input type="radio" name="q31" value="b" data-correct="true" class="mr-2"><span class="ml-2">التجربة قد تكون خبرة عامة، بينما التجريب هو إجراء منهجي مضبوط لاختبار فرضية.</span></label>
391
+ <label><input type="radio" name="q31" value="c" class="mr-2"><span class="ml-2">التجريب يسبق دائماً التجربة.</span></label>
392
+ <label><input type="radio" name="q31" value="d" class="mr-2"><span class="ml-2">لا يوجد تمييز جوهري بينهما في الممارسة العلمية.</span></label>
393
+ </div>
394
+ </div>
395
+
396
+ <div class="quiz-question" id="q32-container">
397
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">32</span> المنهج التجريبي الكلاسيكي، الذي يعتمد على الملاحظة والفرضية والتجربة، يواجه صعوبة خاصة عند محاولة دراسة:</h4>
398
+ <div class="space-y-2">
399
+ <label><input type="radio" name="q32" value="a" class="mr-2"><span class="ml-2">الظواهر الفلكية الكبيرة.</span></label>
400
+ <label><input type="radio" name="q32" value="b" class="mr-2"><span class="ml-2">السلوك الإنساني المعقد.</span></label>
401
+ <label><input type="radio" name="q32" value="c" data-correct="true" class="mr-2"><span class="ml-2">الظواهر الفيزيائية المتناهية الصغر (الميكروسكوبية).</span></label>
402
+ <label><input type="radio" name="q32" value="d" class="mr-2"><span class="ml-2">العلاقات الرياضية المجردة.</span></label>
403
+ </div>
404
+ </div>
405
+
406
+ <div class="quiz-question" id="q33-container">
407
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">33</span> التأكيد على أهمية "الخيال العلمي" و"التجارب الذهنية" في العلم المعاصر يعكس فهماً لـ:</h4>
408
+ <div class="space-y-2">
409
+ <label><input type="radio" name="q33" value="a" class="mr-2"><span class="ml-2">تراجع أهمية الرياضيات في العلم.</span></label>
410
+ <label><input type="radio" name="q33" value="b" data-correct="true" class="mr-2"><span class="ml-2">الدور البنّاء والمُكمل للعقل والتصور النظري في توجيه وإغناء البحث التجريبي.</span></label>
411
+ <label><input type="radio" name="q33" value="c" class="mr-2"><span class="ml-2">أن التجريب المخبري لم يعد ضرورياً.</span></label>
412
+ <label><input type="radio" name="q33" value="d" class="mr-2"><span class="ml-2">أن العلم يجب أن يعتمد على الحدس فقط.</span></label>
413
+ </div>
414
+ </div>
415
+
416
+ <div class="quiz-question" id="q34-container">
417
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">34</span> المنظور الذي يعطي الأولوية للعقل الرياضي في اكتشاف القوانين العلمية يميل إلى رؤية ا��تجربة كـ:</h4>
418
+ <div class="space-y-2">
419
+ <label><input type="radio" name="q34" value="a" class="mr-2"><span class="ml-2">المصدر الوحيد للمعرفة العلمية.</span></label>
420
+ <label><input type="radio" name="q34" value="b" class="mr-2"><span class="ml-2">عائق أمام التقدم النظري.</span></label>
421
+ <label><input type="radio" name="q34" value="c" data-correct="true" class="mr-2"><span class="ml-2">أداة للتحقق من أو توجيه الأفكار النظرية التي نشأت عقلياً.</span></label>
422
+ <label><input type="radio" name="q34" value="d" class="mr-2"><span class="ml-2">مجرد نشاط تقني لا علاقة له بالنظرية.</span></label>
423
+ </div>
424
+ </div>
425
+
426
+ <div class="quiz-question" id="q35-container">
427
+ <h4 class="flex items-center">
428
+ <span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">35</span>
429
+ من هو الفيلسوف الذي أكد على أن المعرفة العلمية تقوم على التكامل بين العقل والتجربة؟
430
+ </h4>
431
+ <div class="space-y-2">
432
+ <label><input type="radio" name="q35" value="a" class="mr-2"><span class="ml-2">ألبرت أينشتاين</span></label>
433
+ <label><input type="radio" name="q35" value="b" data-correct="true" class="mr-2"><span class="ml-2">غاستون باشلار</span></label>
434
+ <label><input type="radio" name="q35" value="c" class="mr-2"><span class="ml-2">كلود برنارد</span></label>
435
+ <label><input type="radio" name="q35" value="d" class="mr-2"><span class="ml-2">روني طوم</span></label>
436
+ </div>
437
+ </div>
438
+
439
+
440
+ <div class="quiz-question" id="q36-container">
441
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">36</span> مفهوم "الباراديغم" في فلسفة العلم يشير عادة إلى:</h4>
442
+ <div class="space-y-2">
443
+ <label><input type="radio" name="q36" value="a" class="mr-2"><span class="ml-2">نظرية علمية واحدة معزولة.</span></label>
444
+ <label><input type="radio" name="q36" value="b" data-correct="true" class="mr-2"><span class="ml-2">إطار نظري ومنهجي شامل يسود في فترة تاريخية معينة داخل علم ما.</span></label>
445
+ <label><input type="radio" name="q36" value="c" class="mr-2"><span class="ml-2">الأداة المستخدمة في المختبر.</span></label>
446
+ <label><input type="radio" name="q36" value="d" class="mr-2"><span class="ml-2">القابلية للتكذيب.</span></label>
447
+ </div>
448
+ </div>
449
+
450
+ <div class="quiz-question" id="q37-container">
451
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">37</span> فكرة أن النظرية العلمية تزداد قوة وتماسكاً كلما صمدت أمام اختبارات متنوعة ومتكررة، تتوافق مع وجهة نظر:</h4>
452
+ <div class="space-y-2">
453
+ <label><input type="radio" name="q37" value="a" class="mr-2"><span class="ml-2">كارل بوبر (الذي يركز على محاولة التكذيب).</span></label>
454
+ <label><input type="radio" name="q37" value="b" data-correct="true" class="mr-2"><span class="ml-2">بيير تويليي (الذي يركز على تعدد الاختبارات لضمان التماسك).</span></label>
455
+ <label><input type="radio" name="q37" value="c" class="mr-2"><span class="ml-2">كلود برنارد (الذي يركز على التجربة الواحدة الحاسمة للفرضية).</span></label>
456
+ <label><input type="radio" name="q37" value="d" class="mr-2"><span class="ml-2">ألبرت أينشتاين (الذي يقلل من أهمية الاختبارات المتعددة مقابل قوة النظرية).</span></label>
457
+ </div>
458
+ </div>
459
+
460
+ <div class="quiz-question" id="q38-container">
461
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">38</span> الإقرار بأن "الأخطاء والعوائق الإبستمولوجية" جزء صحي من تطور العلم يعني أن:</h4>
462
+ <div class="space-y-2">
463
+ <label><input type="radio" name="q38" value="a" class="mr-2"><span class="ml-2">العلم يجب أن يتجنب أي أخطاء ليكون صحيحاً.</span></label>
464
+ <label><input type="radio" name="q38" value="b" data-correct="true" class="mr-2"><span class="ml-2">العلم يتقدم ويتطور من خلال اكتشاف وتجاوز أخطائه ونقائصه.</span></label>
465
+ <label><input type="radio" name="q38" value="c" class="mr-2"><span class="ml-2">النظريات العلمية ثابتة ولا تتغير.</span></label>
466
+ <label><input type="radio" name="q38" value="d" class="mr-2"><span class="ml-2">العلم ليس نشاطاً عقلانياً.</span></label>
467
+ </div>
468
+ </div>
469
+
470
+ <div class="quiz-question" id="q39-container">
471
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">39</span> أي من الأفكار التالية تعبر بشكل أفضل عن العلاقة بين الملاحظة والفرضية في المنهج العلمي؟</h4>
472
+ <div class="space-y-2">
473
+ <label><input type="radio" name="q39" value="a" class="mr-2"><span class="ml-2">الفرضية تسبق دائماً أي ملاحظة.</span></label>
474
+ <label><input type="radio" name="q39" value="b" class="mr-2"><span class="ml-2">الملاحظة وحدها كافية للوصول إلى القانون العلمي.</span></label>
475
+ <label><input type="radio" name="q39" value="c" data-correct="true" class="mr-2"><span class="ml-2">الملاحظة تقود إلى اقتراح فرضية (تفسير مؤقت) تحتاج إلى اختبار لاحق.</span></label>
476
+ <label><input type="radio" name="q39" value="d" class="mr-2"><span class="ml-2">الفرضية والملاحظة عمليتان منفصلتان تماماً.</span></label>
477
+ </div>
478
+ </div>
479
+
480
+ <!-- جدا اسئلة last -->
481
+
482
+ <div class="quiz-question" id="q40-container">
483
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">40</span> "الحادث يوحي بالفكرة، والفكرة تقود إلى التجربة، والتجربة تحكم على الفكرة." هذه المقولة تلخص بشكل جيد منهج:</h4>
484
+ <div class="space-y-2">
485
+ <label><input type="radio" name="q40" value="a" data-correct="true" class="mr-2"><span class="ml-2">كلود برنارد في التجريب الكلاسيكي.</span></label>
486
+ <label><input type="radio" name="q40" value="b" class="mr-2"><span class="ml-2">كارل بوبر في القابلية للتكذيب.</span></label>
487
+ <label><input type="radio" name="q40" value="c" class="mr-2"><span class="ml-2">أينشتاين في أولوية العقل الرياضي.</span></label>
488
+ <label><input type="radio" name="q40" value="d" class="mr-2"><span class="ml-2">روني طوم في دور الخيال العلمي.</span></label>
489
+ </div>
490
+ </div>
491
+
492
+ <div class="quiz-question" id="q41-container">
493
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">41</span> ما النتيجة المترتبة على اعتبار العقلانية العلمية "حواراً" بين العقل والتجربة، كما يرى باشلار؟</h4>
494
+ <div class="space-y-2">
495
+ <label><input type="radio" name="q41" value="a" class="mr-2"><span class="ml-2">أن التجربة تصبح غير ضرورية.</span></label>
496
+ <label><input type="radio" name="q41" value="b" class="mr-2"><span class="ml-2">أن العقل يكتفي بذاته لصنع المعرفة.</span></label>
497
+ <label><input type="radio" name="q41" value="c" data-correct="true" class="mr-2"><span class="ml-2">أن المعرفة العلمية تتطور بشكل ديناميكي عبر التفاعل بينهما، ولا يمكن فصل أحدهما عن الآخر.</span></label>
498
+ <label><input type="radio" name="q41" value="d" class="mr-2"><span class="ml-2">أن الرياضيات هي اللغة الوحيدة للعلم.</span></label>
499
+ </div>
500
+ </div>
501
+
502
+ <div class="quiz-question" id="q42-container">
503
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">42</span> النظرية العلمية التي لا يمكن تصور أي اختبار تجريبي لدحضها، تُعتبر من منظور كارل بوبر:</h4>
504
+ <div class="space-y-2">
505
+ <label><input type="radio" name="q42" value="a" class="mr-2"><span class="ml-2">نظرية علمية قوية ومثالية.</span></label>
506
+ <label><input type="radio" name="q42" value="b" data-correct="true" class="mr-2"><span class="ml-2">نظرية غير علمية (ميتافيزيقية أو علم زائف).</span></label>
507
+ <label><input type="radio" name="q42" value="c" class="mr-2"><span class="ml-2">نظرية بحاجة لمزيد من الاختبارات لتأكيدها.</span></label>
508
+ <label><input type="radio" name="q42" value="d" class="mr-2"><span class="ml-2">نظرية رياضية بحتة.</span></label>
509
+ </div>
510
+ </div>
511
+
512
+ <div class="quiz-question" id="q43-container">
513
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">43</span> أي من الأنشطة التالية يمثل "تجربة ذهنية" بالمعنى الذي يشير إليه روني طوم؟</h4>
514
+ <div class="space-y-2">
515
+ <label><input type="radio" name="q43" value="a" class="mr-2"><span class="ml-2">قياس درجة حرارة سائل في المختبر.</span></label>
516
+ <label><input type="radio" name="q43" value="b" class="mr-2"><span class="ml-2">ملاحظة حركة الكواكب بواسطة تلسكوب.</span></label>
517
+ <label><input type="radio" name="q43" value="c" data-correct="true" class="mr-2"><span class="ml-2">تخيل ما سيحدث لسرعة الضوء في ظروف مثالية غير قابلة للتحقيق حالياً لاختبار نظرية.</span></label>
518
+ <label><input type="radio" name="q43" value="d" class="mr-2"><span class="ml-2">تسجيل نتائج استبيان حول آراء الناس.</span></label>
519
+ </div>
520
+ </div>
521
+
522
+ <div class="quiz-question" id="q44-container">
523
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">44</span> عندما يؤكد أينشتاين على أن "المبدأ الخلاق في العلم برمته يكمن في العقل الرياضي"، فهو يقلل من أهمية:</h4>
524
+ <div class="space-y-2">
525
+ <label><input type="radio" name="q44" value="a" class="mr-2"><span class="ml-2">المنطق والاستدلال العقلي.</span></label>
526
+ <label><input type="radio" name="q44" value="b" data-correct="true" class="mr-2"><span class="ml-2">التجربة كمصدر أصلي للمفاهيم والقوانين العلمية.</span></label>
527
+ <label><input type="radio" name="q44" value="c" class="mr-2"><span class="ml-2">الرياضيات كلغة للعلم.</span></label>
528
+ <label><input type="radio" name="q44" value="d" class="mr-2"><span class="ml-2">الخيال العلمي.</span></label>
529
+ </div>
530
+ </div>
531
+
532
+ <div class="quiz-question" id="q45-container">
533
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">45</span> ما هو الخطر الذي قد ينجم عن التمسك الشديد بنظرية علمية ورفض إخضاعها لاختبارات جديدة أو مواجهتها بفرضيات إضافية؟</h4>
534
+ <div class="space-y-2">
535
+ <label><input type="radio" name="q45" value="a" class="mr-2"><span class="ml-2">تصبح النظرية أكثر يقينية.</span></label>
536
+ <label><input type="radio" name="q45" value="b" data-correct="true" class="mr-2"><span class="ml-2">قد تصبح النظرية غير قادرة على مواكبة التطور العلمي وتفقد تماسكها أو صلاحيتها (كما يحذر تويليي).</span></label>
537
+ <label><input type="radio" name="q45" value="c" class="mr-2"><span class="ml-2">تصبح النظرية قابلة للتكذيب بسهولة (وهو أمر جيد عند بوبر).</span></label>
538
+ <label><input type="radio" name="q45" value="d" class="mr-2"><span class="ml-2">تتحول النظرية إلى قانون رياضي.</span></label>
539
+ </div>
540
+ </div>
541
+
542
+ <div class="quiz-question" id="q46-container">
543
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">46</span> التمييز بين "الملاحظة" كخطوة أولى و"التجربة" كخطوة للتحقق من الفرضية، هو سمة أساسية في:</h4>
544
+ <div class="space-y-2">
545
+ <label><input type="radio" name="q46" value="a" data-correct="true" class="mr-2"><span class="ml-2">المنهج التجريبي كما وضعه كلود برنارد.</span></label>
546
+ <label><input type="radio" name="q46" value="b" class="mr-2"><span class="ml-2">نظرية القابلية للتكذيب لكارل بوبر.</span></label>
547
+ <label><input type="radio" name="q46" value="c" class="mr-2"><span class="ml-2">فلسفة العقلانية المطبقة لباشل��ر.</span></label>
548
+ <label><input type="radio" name="q46" value="d" class="mr-2"><span class="ml-2">تأكيد أينشتاين على العقل الرياضي.</span></label>
549
+ </div>
550
+ </div>
551
+
552
+ <div class="quiz-question" id="q47-container">
553
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">47</span> أي من العبارات التالية تصف بشكل أفضل موقف روني طوم من دور العقل في المنهج التجريبي؟</h4>
554
+ <div class="space-y-2">
555
+ <label><input type="radio" name="q47" value="a" class="mr-2"><span class="ml-2">دور العقل يقتصر على تسجيل الملاحظات الحسية.</span></label>
556
+ <label><input type="radio" name="q47" value="b" data-correct="true" class="mr-2"><span class="ml-2">العقل والخيال حاضران وضروريان في جميع مراحل المنهج، وليس فقط عند صياغة الفرضية.</span></label>
557
+ <label><input type="radio" name="q47" value="c" class="mr-2"><span class="ml-2">يجب استبعاد العقل قدر الإمكان لضمان موضوعية التجربة.</span></label>
558
+ <label><input type="radio" name="q47" value="d" class="mr-2"><span class="ml-2">العقل دوره ثانوي مقارنة بأهمية الأدوات التجريبية.</span></label>
559
+ </div>
560
+ </div>
561
+
562
+ <div class="quiz-question" id="q48-container">
563
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">48</span> الفكرة القائلة بأن النظرية العلمية يجب أن تكون جريئة وتخاطر بأن تُكذَّب، ترتبط ارتباطاً وثيقاً بـ:</h4>
564
+ <div class="space-y-2">
565
+ <label><input type="radio" name="q48" value="a" class="mr-2"><span class="ml-2">غاستون باشلار</span></label>
566
+ <label><input type="radio" name="q48" value="b" class="mr-2"><span class="ml-2">بيير تويليي</span></label>
567
+ <label><input type="radio" name="q48" value="c" data-correct="true" class="mr-2"><span class="ml-2">كارل بوبر</span></label>
568
+ <label><input type="radio" name="q48" value="d" class="mr-2"><span class="ml-2">كلود برنارد</span></label>
569
+ </div>
570
+ </div>
571
+
572
+ <div class="quiz-question" id="q49-container">
573
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">49</span> النقد الموجه للتجريب الكلاسيكي بأنه قد يبني استنتاجاته على فرضيات خاطئة يشير إلى أهمية:</h4>
574
+ <div class="space-y-2">
575
+ <label><input type="radio" name="q49" value="a" class="mr-2"><span class="ml-2">التخلي عن التجريب كلياً.</span></label>
576
+ <label><input type="radio" name="q49" value="b" class="mr-2"><span class="ml-2">الاكتفاء بالملاحظة الأولية.</span></label>
577
+ <label><input type="radio" name="q49" value="c" data-correct="true" class="mr-2"><span class="ml-2">النقد المستمر للفرضيات والأسس النظرية والمراجعة الدائمة للمعرفة (روح العقلانية النقدية).</span></label>
578
+ <label><input type="radio" name="q49" value="d" class="mr-2"><span class="ml-2">زيادة عدد التجارب فقط دون مراجعة الفرضية.</span></label>
579
+ </div>
580
+ </div>
581
+
582
+ <div class="quiz-question" id="q50-container">
583
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">50</span> أي مفهوم يعبر عن النسق الفكري والمنهجي السائد الذي تعمل ضمنه النظريات العلمية في فترة ما؟</h4>
584
+ <div class="space-y-2">
585
+ <label><input type="radio" name="q50" value="a" class="mr-2"><span class="ml-2">الفرضية العلمية.</span></label>
586
+ <label><input type="radio" name="q50" value="b" class="mr-2"><span class="ml-2">التجربة الذهنية.</span></label>
587
+ <label><input type="radio" name="q50" value="c" data-correct="true" class="mr-2"><span class="ml-2">الباراديغم العلمي.</span></label>
588
+ <label><input type="radio" name="q50" value="d" class="mr-2"><span class="ml-2">القابلية للتكذيب.</span></label>
589
+ </div>
590
+ </div>
591
+
592
+ <div class="quiz-question" id="q51-container">
593
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">51</span> التأكيد على أن "سلامة التصور النظري ليست فعلاً مضموناً" يعني أن النظريات العلمية تتطلب:</h4>
594
+ <div class="space-y-2">
595
+ <label><input type="radio" name="q51" value="a" class="mr-2"><span class="ml-2">الإيمان المطلق بها.</span></label>
596
+ <label><input type="radio" name="q51" value="b" data-correct="true" class="mr-2"><span class="ml-2">فحصاً نقدياً مستمراً وقابلية للتعديل أو التجاوز (كما يؤكد بوبر وتويليي).</span></label>
597
+ <label><input type="radio" name="q51" value="c" class="mr-2"><span class="ml-2">تطبيقاً عملياً فورياً.</span></label>
598
+ <label><input type="radio" name="q51" value="d" class="mr-2"><span class="ml-2">تبسيطاً لتناسب الفهم العام.</span></label>
599
+ </div>
600
+ </div>
601
+
602
+ <div class="quiz-question" id="q52-container"> <!-- تم تعديل الرقم هنا أيضاً -->
603
+ <h4 class="flex items-center"><span class="ml-2 bg-teal-100 text-teal-700 font-bold rounded-full w-6 h-6 flex items-center justify-center text-sm">52</span> ما هي النظرة العامة لطبيعة العلاقة بين النظرية والتجربة كما يستخلصها الدرس؟</h4>
604
+ <div class="space-y-2">
605
+ <label><input type="radio" name="q52" value="a" class="mr-2"><span class="ml-2">علاقة تنافر دائم حيث تلغي إحداهما الأخرى.</span></label>
606
+ <label><input type="radio" name="q52" value="b" class="mr-2"><span class="ml-2">أولوية مطلقة للنظرية والتجربة مجرد تأكيد ثانوي.</span></label>
607
+ <label><input type="radio" name="q52" value="c" data-correct="true" class="mr-2"><span class="ml-2">علاقة جدلية وتكاملية وحوار مستمر أساسي لبناء وتطور العلم.</span></label>
608
+ <label><input type="radio" name="q52" value="d" class="mr-2"><span class="ml-2">أولوية مطلقة للتجربة والنظرية مجرد وصف لاحق.</span></label>
609
+ </div>
610
+ </div>
611
+
612
+ </div>
613
+
614
+ <button type="button" id="submitQuizBtn" class="mt-10 w-full bg-teal-600 text-white py-4 px-8 rounded-lg font-bold text-xl hover:bg-teal-700 transition duration-300 shadow-md">
615
+ إرسال الإجابات <i class="fas fa-paper-plane mr-2"></i>
616
+ </button>
617
+
618
+ <div id="quizResult" class="mt-6"></div>
619
+
620
+ </form>
621
+ </div>
622
+
623
+ <a href="#" onclick="event.preventDefault(); scrollToElement('body');"
624
+ class="floating-btn bg-teal-600 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:bg-teal-700">
625
+ <i class="fas fa-arrow-up text-xl" aria-hidden="true"></i>
626
+ <span class="sr-only">الصعود للأعلى</span>
627
+ </a>
628
+
629
+ <script>
630
+ document.addEventListener('DOMContentLoaded', () => {
631
+ document.body.classList.add('fade-in');
632
+ const submitButton = document.getElementById('submitQuizBtn');
633
+ if(submitButton) {
634
+ submitButton.addEventListener('click', submitComprehensiveQuiz);
635
+ }
636
+ });
637
+
638
+ function submitComprehensiveQuiz() {
639
+ const form = document.getElementById('comprehensiveQuizForm');
640
+ const resultDiv = document.getElementById('quizResult');
641
+ const questions = form.querySelectorAll('.quiz-question');
642
+ const totalQuestions = questions.length;
643
+ let score = 0;
644
+
645
+ resultDiv.innerHTML = ''; // Clear previous results
646
+ clearQuizFormatting(form); // Clear previous formatting
647
+
648
+ questions.forEach((questionDiv, index) => {
649
+ const questionNumber = index + 1;
650
+ const inputName = `q${questionNumber}`; // Questions are named q1, q2, etc.
651
+ const selectedAnswerInput = questionDiv.querySelector(`input[name="${inputName}"]:checked`);
652
+ const correctAnswerInput = questionDiv.querySelector(`input[name="${inputName}"][data-correct="true"]`);
653
+ const questionContainer = document.getElementById(`${inputName}-container`); // Get the container div
654
+
655
+ // Highlight the correct answer label
656
+ if (correctAnswerInput) {
657
+ correctAnswerInput.closest('label').classList.add('correct-answer-label');
658
+ } else {
659
+ console.warn(`No correct answer defined for question ${inputName}`);
660
+ }
661
+
662
+ if (selectedAnswerInput) {
663
+ if (selectedAnswerInput.hasAttribute('data-correct')) {
664
+ score++;
665
+ } else {
666
+ // Highlight the incorrectly selected answer label
667
+ selectedAnswerInput.closest('label').classList.add('incorrect-answer-label');
668
+ }
669
+ } else {
670
+ // Highlight unanswered questions container
671
+ if(questionContainer) questionContainer.classList.add('unanswered-question');
672
+ }
673
+
674
+ // Disable inputs after submission
675
+ const radios = questionDiv.querySelectorAll(`input[name="${inputName}"]`);
676
+ radios.forEach(radio => radio.disabled = true);
677
+ });
678
+
679
+ // Disable submit button after submission
680
+ document.getElementById('submitQuizBtn').disabled = true;
681
+ document.getElementById('submitQuizBtn').classList.add('opacity-50', 'cursor-not-allowed');
682
+
683
+
684
+ const percentage = totalQuestions > 0 ? Math.round((score / totalQuestions) * 100) : 0;
685
+ let feedbackMessage = '';
686
+ let resultClass = '';
687
+
688
+ // Generate feedback message and result div class based on score
689
+ if (percentage >= 80) {
690
+ feedbackMessage = `ممتاز! لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا.`;
691
+ resultClass = 'bg-green-100 text-green-800 border border-green-300';
692
+ } else if (percentage >= 50) {
693
+ feedbackMessage = `جيد! لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا. راجع الأسئلة المميزة لمزيد من الفهم.`;
694
+ resultClass = 'bg-yellow-100 text-yellow-800 border border-yellow-300';
695
+ } else {
696
+ feedbackMessage = `تحتاج إلى مراجعة الدرس. لقد أجبت بشكل صحيح على ${score} من ${totalQuestions} سؤالًا.`;
697
+ resultClass = 'bg-red-100 text-red-800 border border-red-300';
698
+ }
699
+
700
+ // Display the result with feedback and retry button
701
+ resultDiv.className = `mt-8 p-6 rounded-lg shadow-md text-center ${resultClass}`;
702
+ resultDiv.innerHTML = `
703
+ <h4 class="font-bold text-2xl mb-3">النتيجة النهائية: ${percentage}%</h4>
704
+ <p class="mb-5 text-lg">${feedbackMessage}</p>
705
+ <button onclick="retryQuiz()" class="bg-teal-600 hover:bg-teal-700 text-white py-2 px-6 rounded-lg font-semibold transition duration-300 text-lg">
706
+ إعادة الاختبار <i class="fas fa-redo ml-2"></i>
707
+ </button>
708
+ `;
709
+
710
+ // Scroll result into view smoothly
711
+ resultDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
712
+ }
713
+
714
+ // Function to clear quiz formatting
715
+ function clearQuizFormatting(form) {
716
+ const labels = form.querySelectorAll('label');
717
+ labels.forEach(label => {
718
+ label.classList.remove('correct-answer-label', 'incorrect-answer-label');
719
+ });
720
+ const questionContainers = form.querySelectorAll('.quiz-question');
721
+ questionContainers.forEach(container => {
722
+ container.classList.remove('unanswered-question');
723
+ // Re-enable radio buttons if needed for retry
724
+ const radios = container.querySelectorAll('input[type="radio"]');
725
+ radios.forEach(radio => radio.disabled = false);
726
+ });
727
+
728
+ // Re-enable submit button
729
+ const submitButton = document.getElementById('submitQuizBtn');
730
+ if(submitButton) {
731
+ submitButton.disabled = false;
732
+ submitButton.classList.remove('opacity-50', 'cursor-not-allowed');
733
+ }
734
+ }
735
+
736
+ // Retry function for the comprehensive quiz
737
+ function retryQuiz() {
738
+ const form = document.getElementById('comprehensiveQuizForm');
739
+ const resultDiv = document.getElementById('quizResult');
740
+
741
+ if(form && resultDiv) {
742
+ // Clear radio buttons
743
+ const radioButtons = form.querySelectorAll('input[type="radio"]');
744
+ radioButtons.forEach(rb => rb.checked = false);
745
+
746
+ // Clear result div
747
+ resultDiv.innerHTML = '';
748
+ resultDiv.className = 'mt-6'; // Reset result div style
749
+
750
+ // Clear formatting and re-enable inputs/button
751
+ clearQuizFormatting(form);
752
+
753
+ // Scroll to the top of the quiz
754
+ scrollToElement('.quiz-container'); // Scroll to the container start
755
+ } else {
756
+ console.error('Could not find form or result div to retry.');
757
+ }
758
+ }
759
+
760
+ // Generic smooth scroll function
761
+ function scrollToElement(selector) {
762
+ const element = document.querySelector(selector);
763
+ if (element) {
764
+ element.scrollIntoView({ behavior: 'smooth', block: 'start' });
765
+ } else {
766
+ // Fallback for 'body' or other top-level elements
767
+ window.scrollTo({ top: 0, behavior: 'smooth' });
768
+ }
769
+ }
770
+ </script>
771
+
772
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=methodya/quizz-theory-full" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
773
+ </html>