اذهب إلى المحتوى
  • 0

تصميم اختبار

عابر سبيل2

السؤال

السلام عليكم ورحمة الله وبركاته 

أرجو من الأخوة الأفاضل أصحاب الخبرة المساعدة في حل هذه المشكلة 

لدي إختبار مكون من عدة أسئلة ولكل سؤال عدة خيارات وعند الإجابة عن هذه الأسئلة يتم الضغط على زر لحساب النتائج والكود على الشكل التالي ويحتاج فقط الى برمجة 

<html>

<head>

<title>أختبار </tiitle>

</head>

<body>

<div>

<h2>السؤال الأول</h2>

<input type=raido value=15 id=d1 />

<input type=radio value=55 id=d2 />

<input type=radio value= 10 id=d3 />

</div>

<div>

<h2>السؤال الثاني</h2>

<input type=radio value=44 id=d4 />

<input type=radio value=88 id=d5 />

<input type=radio value=55 id=d6 />

</div>

<button>أحسب النتائج</button>

يمكن إختيار جواب واحد على كل سؤال وعند الضغط على الزر يتم جمع النتائج

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

أهلًا بك @عابر سبيل2

يمكنك فعل ذلك بعدة طرق وعدة لغات..قد اخترت javascript ليسهل عليك تضمين الكود ببعض سطور داخل وسم <script> في نفس صفحة html ...بالنسبة لاختيار جواب واحد فهذا يتم تلقائيًا بدون برمجة مجرد تحديد الخاصية name مماثل لجميع خيارات السؤال

<html>

<head>

<title>أختبار </title>

</head>

<body>

<div>

<h2>السؤال الأول</h2>

<input type="radio" value="15" name="first" id="d1" />

<input type="radio" value="55" name="first" id="d2" />

<input type="radio" value="10" name="first" id="d3" />

</div>

<div>

<h2>السؤال الثاني</h2>

<input type="radio" name="second" value="44" id="d4" />

<input type="radio" name="second" value="88" id="d5" />

<input type="radio" name="second" value="55" id="d6" />

</div>

<button onclick="myFunction()">أحسب النتائج</button>
  
<script> 
  function myFunction(){
  var firstResult=parseInt(document.querySelector('input[name="first"]:checked').value);
  var secondResult=parseInt(document.querySelector('input[name="second"]:checked').value);
  var totalResult=firstResult+secondResult;
  alert(totalResult);
  return totalResult;
  }
</script>
   

يمكنك التعرف ولو بشكل سطحي على فكرة كود جافاسكريبت السابق وفائدة التوابع التي استخدمتها بالتحديد... من خلال موسوعة حسوب في هذه الروابط 

https://wiki.hsoub.com/JavaScript/Functions

https://wiki.hsoub.com/JavaScript/var

https://wiki.hsoub.com/JavaScript/parseInt

https://wiki.hsoub.com/JavaScript/Document/querySelector

https://wiki.hsoub.com/HTML/input/radio

 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...