الثانوية العامة 2026الاستعلام عن النتيجةاعرف الكليات المناسبة لمجموعكتنسيق 2026
ذاكر مصر

البرمجة والذكاء الاصطناعي · الصف الأول الثانوي

أسئلة: HTML وJavaScript: جعل صفحة الويب تفاعلية

15 سؤال اختيار من متعدد و4 سؤال مقالي بنموذج إجابة، لمراجعة درس «HTML وJavaScript: جعل صفحة الويب تفاعلية» من البرمجة والذكاء الاصطناعي (الصف الأول الثانوي). راجع الأسئلة أدناه، أو اختبر نفسك فورًا.

اختبار سريع من 10 أسئلة عشوائية من بنك الأسئلة أعلاه — تُخلط الأسئلة والاختيارات في كل مرة، فلن يتكرر الاختبار بنفس الترتيب.

اختيار من متعدد

  1. اللغة التي تعمل داخل المتصفح وتضيف التفاعلية إلى صفحات الويب هي:

    • JavaScript
    • HTML
    • CSS
    • SQL
    عرض الإجابة والتعليل

    الإجابة الصحيحة: JavaScript

    JavaScript للتفاعل.

  2. الخاصية التي تعطي عنصر HTML معرّفًا فريدًا هي:

    • id
    • title
    • style
    • class
    عرض الإجابة والتعليل

    الإجابة الصحيحة: id

    قيمة id فريدة لعنصر واحد.

  3. الدالة المستخدمة للوصول إلى عنصر بمعرّفه في JavaScript هي:

    • append
    • document.getElementById
    • range
    • print
    عرض الإجابة والتعليل

    الإجابة الصحيحة: document.getElementById

    getElementById تحدد العنصر بقيمة id.

  4. الخاصية المستخدمة لتغيير النص داخل عنصر في JavaScript هي:

    • fontSize
    • color
    • textContent
    • onclick
    عرض الإجابة والتعليل

    الإجابة الصحيحة: textContent

    textContent للمحتوى النصي.

  5. الخاصية التي نحدد بها ما يحدث عند نقر زر هي:

    • id
    • textContent
    • title
    • onclick
    عرض الإجابة والتعليل

    الإجابة الصحيحة: onclick

    onclick حدث النقر.

  6. الوسم الذي ينشئ زرًّا في صفحة الويب هو:

    • p
    • h1
    • link
    • button
    عرض الإجابة والتعليل

    الإجابة الصحيحة: button

    button.

  7. الأمر text.style.fontSize = "50px" يؤدي إلى:

    • تغيير نص العنصر
    • حذف العنصر
    • تكبير حجم خط العنصر إلى 50 بكسل
    • تغيير لون الخلفية
    عرض الإجابة والتعليل

    الإجابة الصحيحة: تكبير حجم خط العنصر إلى 50 بكسل

    style.fontSize يغير حجم الخط.

  8. الفرق بين id وclass:

    • كلاهما يغير الخط فقط
    • لا فرق بينهما
    • id فريد لعنصر واحد، وclass يمكن أن يتكرر لعدة عناصر
    • class فريد وid يتكرر
    عرض الإجابة والتعليل

    الإجابة الصحيحة: id فريد لعنصر واحد، وclass يمكن أن يتكرر لعدة عناصر

    id فريد، وclass قابلة للتكرار.

  9. إذا كان العنصر h1 id="name" يحتوي Adam، فالأمر document.getElementById("name").textContent = "Omar" يجعله يعرض:

    • Omar
    • name
    • Adam
    • AdamOmar
    عرض الإجابة والتعليل

    الإجابة الصحيحة: Omar

    textContent يستبدل النص.

  10. لماذا قد لا يعمل getElementById("Btn") إذا كان معرّف الزر btn؟

    • لأن JavaScript لا تعمل في المتصفح
    • لأن الزر يجب أن يكون أحمر
    • لأن الأسماء حساسة لحالة الأحرف الكبيرة والصغيرة
    • لأن id لا تُستخدم مع الأزرار
    عرض الإجابة والتعليل

    الإجابة الصحيحة: لأن الأسماء حساسة لحالة الأحرف الكبيرة والصغيرة

    Btn تختلف عن btn.

  11. لتغيير لون نص عنصر إلى الأحمر في JavaScript نكتب:

    • element.textContent = "red"
    • element.style.color = "red"
    • element.id = "red"
    • element.onclick = "red"
    عرض الإجابة والتعليل

    الإجابة الصحيحة: element.style.color = "red"

    style.color للون النص.

  12. الكلمة const في JavaScript تُستخدم لتعريف:

    • وسم HTML
    • خاصية CSS
    • حلقة تكرار
    • متغير لا تتغير قيمته
    عرض الإجابة والتعليل

    الإجابة الصحيحة: متغير لا تتغير قيمته

    const لقيمة ثابتة.

  13. في JavaScript تُكتب الأوامر التي تُنفذ عند النقر داخل:

    • علامتي التنصيص فقط
    • وسم title
    • القوسين المعقوصين { }
    • ملف CSS
    عرض الإجابة والتعليل

    الإجابة الصحيحة: القوسين المعقوصين { }

    الأوامر داخل { }.

  14. معامل المقارنة "يساوي تمامًا" المستخدم في JavaScript هو:

    • a = b
    • a != b
    • a += b
    • a === b
    عرض الإجابة والتعليل

    الإجابة الصحيحة: a === b

    === للمقارنة، و= للتخصيص.

  15. دور JavaScript في صفحة الويب هو:

    • التحكم والتفاعل مثل التغيير والتحريك
    • بناء الهيكل فقط
    • تخزين قواعد البيانات
    • تحديد الألوان فقط
    عرض الإجابة والتعليل

    الإجابة الصحيحة: التحكم والتفاعل مثل التغيير والتحريك

    HTML للهيكل، وCSS للشكل، وJavaScript للتفاعل.

أسئلة مقالية

  1. اشرح خطوات تغيير نص عنصر في صفحة ويب باستخدام JavaScript.

    عرض نموذج الإجابة

    1) نعطي العنصر في HTML معرّفًا فريدًا بالخاصية id، مثل h1 id="name". 2) نصل إليه في JavaScript بالدالة document.getElementById("name"). 3) نغير نصه بالخاصية textContent، مثل: document.getElementById("name").textContent = "Omar".

  2. اكتب كود JavaScript يجعل لون خلفية الصفحة أصفر عند الضغط على زر معرّفه btn.

    عرض نموذج الإجابة

    const btn = document.getElementById("btn"); ثم btn.onclick = () => { document.body.style.backgroundColor = "yellow"; };

  3. كيف تجعل لون النص يتبادل بين الأحمر والأزرق في كل ضغطة زر؟

    عرض نموذج الإجابة

    داخل دالة النقر نختبر اللون الحالي بعبارة if: إذا كان text.style.color يساوي "red" نجعله "blue"، وإلا (else) نجعله "red". فيتبدل اللون في كل ضغطة.

  4. قارن بين أدوار HTML وCSS وJavaScript في صفحة ويب تفاعلية.

    عرض نموذج الإجابة

    HTML: الهيكل والمحتوى مثل العناوين والنصوص والأزرار. CSS: التصميم مثل الألوان والخطوط. JavaScript: التحكم والتفاعل مثل تغيير النص أو الحجم أو اللون عند نقر زر.

الرجوع إلى الدرس

السؤال 1 من 10