![[HTML] كود عمل اسألة واجوبة ( للمسابقات) [حصريا] Empty](https://2img.net/i/empty.gif)
كود اليوم ليس لتطوير المواقع .. بل لعمل مسابقة مثل اختبار لتبهر زوار موقعك به
هو عبارة عن أسألة واجوبة انت تكتبها
وطريقة عملها ان الزائر يختار الاجوبة الصحيحة ويضغط على زر النتيجة لتظهر له عدد الاجابات الصحيحة
| صورة الكود |
![[HTML] كود عمل اسألة واجوبة ( للمسابقات) [حصريا] Hljphk10](https://i.servimg.com/u/f49/16/89/40/74/hljphk10.jpg)
https://i.servimg.com/u/f49/16/89/40/74/hljphk10.jpg
| طريقة التركيب |
الكود يضع في اي صفحة HTML
وطبعا اكتب السؤال مكان " ضع السؤال هنا"؟
واكتب الاجابات مكان A,B,C
الان اهم خطوة هي كيف اختيار الاجابة الصحيحة في الكود اي كيف تختار احد الاجابات لتكون هي الخيار الصحيح:
في كل سؤال واجابات مثل:
حول هذا الجزء
الى الاجابة الصحيحة ..
مثلا لو افترضنا ان الاجابة B هي الصحيحة سيكون بهذا الشكل:
| الكود |
اتمنى شرحي مفهوم
واتمنى انه ينال اعجابكم
بالتوفيق للجميع||~
هو عبارة عن أسألة واجوبة انت تكتبها
وطريقة عملها ان الزائر يختار الاجوبة الصحيحة ويضغط على زر النتيجة لتظهر له عدد الاجابات الصحيحة
| صورة الكود |
https://i.servimg.com/u/f49/16/89/40/74/hljphk10.jpg
| طريقة التركيب |
الكود يضع في اي صفحة HTML
وطبعا اكتب السؤال مكان " ضع السؤال هنا"؟
واكتب الاجابات مكان A,B,C
الان اهم خطوة هي كيف اختيار الاجابة الصحيحة في الكود اي كيف تختار احد الاجابات لتكون هي الخيار الصحيح:
في كل سؤال واجابات مثل:
سؤال 1: ضع السؤال هنا؟
A
B
C
حول هذا الجزء
value="correct"
الى الاجابة الصحيحة ..
مثلا لو افترضنا ان الاجابة B هي الصحيحة سيكون بهذا الشكل:
سؤال 1: ضع السؤال هنا؟
A
B
C
| الكود |
الكود:
<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] كود عمل اسألة واجوبة ( للمسابقات) [حصريا] 1534839015](https://2img.net/u/1415/15/41/28/smiles/1534839015.gif)
![[HTML] كود عمل اسألة واجوبة ( للمسابقات) [حصريا] 1524888046](https://2img.net/u/1415/15/41/28/smiles/1524888046.gif)