مسابقة كل شيء رقم 2
This is an automatic translation. Read the original
<الرأس>
<ميتا محارف = "UTF-8">
<نمط>
الجسم {
عائلة الخط: Arial، sans-serif؛
الخلفية: تدرج خطي (135 درجة، #1e1e2f، #2c2c54)؛
اللون: أبيض؛
محاذاة النص: مركز؛
الحشو: 20 بكسل؛
}
ح1 {
اللون: #00d4ff؛
}
.مربع الاختبار {
الخلفية: #2f2f4f؛
الحشو: 20 بكسل؛
نصف قطر الحدود: 15 بكسل؛
أقصى عرض: 600 بكسل؛
الهامش: تلقائي؛
ظل الصندوق: 0 0 20px rgba(0,0,0,0.5);
}
سؤال {
حجم الخط: 20 بكسل؛
الهامش السفلي: 15 بكسل؛
}
زر {
عرض: كتلة؛
الهامش: 10 بكسل تلقائي؛
الحشو: 10 بكسل 15 بكسل؛
العرض: 80%؛
الحدود: لا شيء؛
نصف قطر الحدود: 10 بكسل؛
الخلفية: #00d4ff؛
اللون: أسود؛
حجم الخط: 16 بكسل؛
المؤشر: المؤشر؛
}
زر: تحوم {
الخلفية: #00a3cc؛
}
.صحيح { الخلفية: #4caf50! مهم؛ }
.خاطئ {الخلفية: #f44336 !مهم؛ }
#شريط التقدم {
العرض: 100%؛
الارتفاع: 8 بكسل؛
الخلفية: #444؛
الهامش السفلي: 10 بكسل؛
}
#التقدم {
الارتفاع: 8 بكسل؛
العرض: 0%؛
الخلفية: #00d4ff؛
}
#المؤقت {
الهامش السفلي: 10 بكسل؛
حجم الخط: 18 بكسل؛
}
<الجسم>
<النص البرمجي>
اختبار ثابت = [
{س:"12 × 8؟",a:["96"،"88"،"108"، "86"]،صحيح:0},
{س:"الجذر التربيعي لـ 144؟",أ:["10"،"11"، "12"، "13"]،صحيح:2},
{س:"عاصمة فرنسا؟",أ:["برلين"،"مدريد"،"باريس"،"روما"]،صحيح:2},
{س:"H2O؟",a:["ملح"،"ماء"،"أكسجين"،"هيدروجين"]،صحيح:1},
{س:"الكوكب الأحمر؟",أ:["الأرض"،"المريخ"،"الزهرة"،"،المشتري"]،صحيح:1},
{س:"هل انتهت الحرب العالمية الثانية؟",a:["1945"،"1939"، "1918"، "1950"],صحيح:0},
{س:"أكبر محيط؟",a:["الأطلسي"،"الهندي"،"المحيط الهادئ"،"القطب الشمالي"],صحيح:2},
{س:"حل: 3س=21"،أ:["5"،6"،7"،8"]،صحيح:2},
{س:"9²؟",a:["81"،"72"، "99"، "90"]، صحيح:0},
{q:"مجموع زوايا المثلث؟",a:["180"،"360"، "90"، "270"]،صحيح:0},
{q:"ثنائي 2؟",a:["10"،"11"، "01"، "00"]،صحيح:0},
{س:"الرمز الكيميائي Fe؟",أ:["ذهب"،"حديد"،"فضة"،"رصاص"]،صحيح:1},
{س:"أكبر كوكب؟",أ:["الأرض"،"زحل"،"المشتري"،"المريخ"]،صحيح:2},
{س:"محطات الغاز تمتص؟",أ:["الأكسجين"،"CO2"، "النيتروجين"، "الهيدروجين"]،صحيح:1},
{س:"مؤلف مسرحية هاملت؟",أ:["شكسبير"،"توين"،"رولينج"،"ديكنز"]،صحيح:0},
{س:"100 ÷ 4؟",أ:["20"،"25"، "30"، "15"]،صحيح:1},
{س:"أكبر قارة؟",أ:["أوروبا"،"آسيا"،"أفريقيا"،"أمريكا"],صحيح:1},
{س:"العدد الذري للهيدروجين؟",أ:["1"،2"،3"،4"]،صحيح:0},
{q:"سرعة الضوء تقريبًا؟",a:["300,000 كم/ث"،"150,000"،"1M"،"500"],صحيح:0},
{س:"صيغة فيثاغورس؟",a:["a²+b²=c²"،a+b=c"،a²=b²"،لا شيء"],صحيح:0},
{س:"أول رئيس للولايات المتحدة؟",أ:["لينكولن"،"واشنطن"،"آدامز"،"جيفرسون"]،صحيح:1},
{س:"استخدامات عملية التمثيل الضوئي؟",a:["الضوء"،"الصوت"،"الحرارة"،"الرياح"],صحيح:0},
{q:"الحمض النووي يرمز إلى؟",a:["ديوكسيريبو..."،"الحمض الديناميكي"،"ذرة مزدوجة"،"لا شيء"],صحيح:0},
{س:"مؤلف عام 1984؟",أ:["أورويل"،"هكسلي"،"كينغ"، "تولكين"]،صحيح:0},
{س:"عظام الإنسان؟",a:["206"،300"،"150"، "180"]،صحيح:0},
{س:"العملة البريطانية؟",a:["اليورو"،"الدولار"،"،الجنيه"،"الين"]،صحيح:2},
{س:"أطول نهر؟",a:["النيل"،"أمازون"،"الدانوب"،"اليانغتسى"],صحيح:0},
{س:"مساحة الدائرة؟",a:["πr²"،"2πr"، r²"، πd"]،صحيح:0},
{س:"فعل؟",a:["تشغيل"،"أزرق"،"ناعم"،"سريع"],صحيح:0},
{س:"7 × 9؟",أ:["63"،"56"،"72"، "49"]، صحيح:0}
];
// خلط ورق اللعب
quiz.sort(()=>Math.random()-0.5);
دع التيار = 0 ؛
دع النتيجة = 0؛
دع الوقت = 20؛
السماح للموقت.
وظيفة startTimer () {
الوقت = 20؛
document.getElementById("timer").innerText = "الوقت:" + الوقت؛
الموقت = setInterval(()=>{
الوقت--؛
document.getElementById("timer").innerText = "الوقت:" + الوقت؛
إذا (الوقت <= 0) {
ClearInterval(timer);
السؤال التالي();
}
},1000);
}
وظيفة تحميل السؤال () {
ClearInterval(timer);
startTimer();
const q = مسابقة[الحالية];
document.getElementById("سؤال").innerText = q.q;
document.getElementById("progress").style.width =
((الحالي/الاختبار.الطول)*100) + "%";
const AnswersDiv = document.getElementById("answers");
AnswersDiv.innerHTML = "";
q.a.forEach((الإجابة، الفهرس) => {
const btn = document.createElement("button");
btn.innerText = الإجابة؛
btn.onclick = () => checkAnswer(index, btn);
AnswersDiv.appendChild(btn);
});
}
وظيفة الاختيار الإجابة (الفهرس، بتن) {
ClearInterval(timer);
إذا (الفهرس === اختبار [الحالي]. صحيح) {
btn.classList.add("صحيح");
النتيجة++؛
} آخر {
btn.classList.add("خطأ");
}
Array.from(document.getElementById("الإجابات").الأطفال)
.forEach(b => b.disabled = true);
setTimeout(nextQuestion, 800);
}
وظيفة السؤال التالي () {
الحالي++;
إذا (الحالي = 75){
message = "أداء قوي جدًا.";
} وإلا إذا (النسبة المئوية >= 50){
message = "لائق. أنت تعرف أساسياتك.";
} آخر {
message = "يحتاج إلى تحسين.";
}
document.querySelector(".quiz-box").innerHTML = `
اختبار كل شيء رقم 2
الوقت: 20
انتهى الاختبار
النتيجة: ${score} / ${quiz.length
${رسالة
إعادة التشغيل `; } LoadQuestion();
