الامتحان عبارة عن سؤال وتحته عدة اختيارات أول اختيار مثلا أن يختار الطالب ما بين ( فاعل - مفعول به - نائب فاعل ..... ) وكلها أزرار فإذا ضغط على زر يحصل على درجة ويتغير لون الزر إلى الأخضر مثلا- ثم يتجه إلى اختيارات أخرى ما بين ( مرفوع - منصوب - مجزوم - مجرور .. ) ويحصل على درجة ) - بعدها يتجه للاختيار الأخير ما بين ( بالضمة - بالواو - بالسكون ... )

فإذا كانت إجابته خطأ في أي مرحلة يتغير الزر إلى الأحمر مثلا وتظهر له الإجابة الصحيحة وزر ( التالي ) للسؤال التالي .. بينما يظهر له درجته الكلية أولا بأول

تحسينات : لو أمكن عداد وقتي لكل سؤال

لو أمكن القدرة على إدخال عنصر صوتي لتفسير الإجابة للطالب في حال الخطأ

لا أدري هل من حقي طلب كل هذا هنا في الموقع أم تدلوني على المكان الذي يساعدني في ذلك ، علما أنا لست مبرمجا وإنما أبحث عن الأكواد وألصقها وقد أعدل على بعضها في حدود لأحصل على ما أريد في النهاية ، لكن هذه المرة الموضوع أصعب مني

الكود الذي تحصلت عليه بعد بحث في تغيير لون المربع بعد الضغط هو

<!doctype html>

<head>
    <meta charset="utf-8">
    <title>Button Fun</title>
    <style>
        button {
            background-color: #E6E6E6;
            height: 50px;
            width: 75px;
            font-size: 16px;

margin: 4px 2px; }

        button.pressed {
            background-color: red;
        }
    </style>
</head>
<body>
    <button>Press</button>
    <script src="

https://ajax.googleapis.com... "> $(() => { 'use strict'; $('button').click(function() { $(this).toggleClass('pressed'); }); });