[HTML] كود عمل اسألة واجوبة ( للمسابقات) [حصريا]

كود اليوم ليس لتطوير المواقع .. بل لعمل مسابقة مثل اختبار لتبهر زوار موقعك به
هو عبارة عن أسألة واجوبة انت تكتبها
وطريقة عملها ان الزائر يختار الاجوبة الصحيحة ويضغط على زر النتيجة لتظهر له عدد الاجابات الصحيحة

هذه صورة توضح كيف يبدو الكود:









الان اليكم الكود وطريقة تركيبة:

الكود يضع في اي صفحة HTML
وطبعا اكتب السؤال مكان " ضع السؤال هنا"؟
واكتب الاجابات مكان A,B,C

الان اهم خطوة هي كيف اختيار الاجابة الصحيحة في الكود اي كيف تختار احد الاجابات لتكون هي الخيار الصحيح:

في كل سؤال واجابات مثل:

الكود:

 سؤال 1: ضع السؤال هنا؟<br>
 <input type="radio" name="q1" value="correct">A<br>
 <input type="radio" name="q1">B<br>
 <input type="radio" name="q1">C<br>
 <br>

حول هذا الجزء

الكود:

value="correct"

الى الاجابة الصحيحة ..
مثلا لو افترضنا ان الاجابة B هي الصحيحة سيكون بهذا الشكل:

الكود:

سؤال 1: ضع السؤال هنا؟<br>
 <input type="radio" name="q1">A<br>
 <input type="radio" name="q1" value="correct">B<br>
 <input type="radio" name="q1">C<br>
 <br>

اتمنى انه نال اعجابكم

منقول من حوف نت