استعرض الموضوع التالياذهب الى الأسفلاستعرض الموضوع السابق

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

barca
barca
عضو محترف
عضو محترف
رقم العضوية : 2
الجنس : ذكر عدد المساهمات : 30646 نقاط التميز : 40605 تقييم العضو : 915 التسجيل : 05/08/2009 الإقامة : guelma
http://www.guelma24.net
تمت المشاركة السبت نوفمبر 24, 2012 8:57 pm
  • تقييم المساهمة: 100% (1)
كود اليوم ليس لتطوير المواقع .. بل لعمل مسابقة مثل اختبار لتبهر زوار موقعك به
هو عبارة عن أسألة واجوبة انت تكتبها
وطريقة عملها ان الزائر يختار الاجوبة الصحيحة ويضغط على زر النتيجة لتظهر له عدد الاجابات الصحيحة

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

[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>



التوقــيـــــــــــــــــــــع



فداك أبـــــــــ يا رسول الله ــــــي وأمي
[HTML] كود عمل اسألة واجوبة ( للمسابقات) Oussam10
[HTML] كود عمل اسألة واجوبة ( للمسابقات) 662263250
معلوماتـــ مهمة:

تنبيــه!! [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

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

وتر الحياه
وتر الحياه
عضو جديد
عضو جديد
الجنس : انثى عدد المساهمات : 4 نقاط التميز : 4 تقييم العضو : 5 التسجيل : 25/11/2012 العمر : 31
تمت المشاركة الأحد نوفمبر 25, 2012 8:36 pm
tank you thank you so much

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

فارس السبع
فارس السبع
عضو جديد
عضو جديد
الجنس : ذكر عدد المساهمات : 2 نقاط التميز : 2 تقييم العضو : 5 التسجيل : 17/07/2014 العمر : 39
تمت المشاركة الجمعة يوليو 18, 2014 2:54 am
شكرا لكم على هذا الموضوع المهم ..
بحثت عنه كثيرا و لم أجده إلا عندكم
ما أجملكم ..

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

فارس السبع
فارس السبع
عضو جديد
عضو جديد
الجنس : ذكر عدد المساهمات : 2 نقاط التميز : 2 تقييم العضو : 5 التسجيل : 17/07/2014 العمر : 39
تمت المشاركة الإثنين يوليو 21, 2014 1:23 am
لم ينفتح الكود ..
لطفامساعدتنا في هذا الأمر ..

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

Adel Elkwaga
Adel Elkwaga
عضو جديد
عضو جديد
الجنس : ذكر عدد المساهمات : 1 نقاط التميز : 1 تقييم العضو : 5 التسجيل : 30/11/2016 العمر : 36
تمت المشاركة الأربعاء نوفمبر 30, 2016 7:23 am
جزاكم الله كل خير
استعرض الموضوع التاليالرجوع الى أعلى الصفحةاستعرض الموضوع السابق
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى