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

05/08/2009

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

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

[HTML] كود عمل اسألة واجوبة ( للمسابقات) Hljphk10

[HTML] كود عمل اسألة واجوبة ( للمسابقات) Hljphk10

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

الكود يضع في اي صفحة 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>

الان اليكم الكود

[HTML] كود عمل اسألة واجوبة ( للمسابقات) 2218842683

الكود:: <html> <head> <title>اختبار</title> <script language="JavaScript"> function checkAnswers(){ var allQuestions = new Array( document.myForm.q1, document.myForm.q2, document.myForm.q3, document.myForm.q4, document.myForm.q5, document.myForm.q6, document.myForm.q7); var totalScore = 0; //initialize to 0 for (var i in allQuestions) { var temp = allQuestions[i]; for (var j = 0; j < temp.length; j++) { if (temp[j].value == "correct" && temp[j].checked == true) { totalScore++; } } } alert (totalScore + ' اجابات صحيحة'); } </script> </head> <body> <form name="myForm" dir="rtl"> سؤال 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> <br> سؤال 2: ضع السؤال هنا؟<br> <input type="radio" name="q2" value="correct">A<br> <input type="radio" name="q2">B<br> <input type="radio" name="q2">C<br> <br> <br> سؤال 3: ضع السؤال هنا؟<br> <input type="radio" name="q3" value="correct">A<br> <input type="radio" name="q3">B<br> <input type="radio" name="q3">C<br> <br> سؤال 4: ضع السؤال هنا؟<br> <input type="radio" name="q4"value="correct">A<br> <input type="radio" name="q4">B<br> <input type="radio" name="q4">C<br> <br> <br> سؤال 5: ضع السؤال هنا؟<br> <input type="radio" name="q5" value="correct">A<br> <input type="radio" name="q5">B<br> <input type="radio" name="q5">C<br> <br> <br> سؤال 6: ضع السؤال هنا؟<br> <input type="radio" name="q6" value="correct">A<br> <input type="radio" name="q6">B<br> <input type="radio" name="q6">C<br> <br> سؤال 7: ضع السؤال هنا؟<br> <input type="radio" name="q7" value="correct">A<br> <input type="radio" name="q7">B<br> <input type="radio" name="q7">C<br> <br> <button onclick="return checkAnswers()">النتيجة</button> <input type="reset" value="صفر الاجابات" /> </form> </body> </html>