تصميم اختبار

عابر سبيل2 · 4 مارس 2019

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

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

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

<html>

<head>

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

</head>

<body>

<div>

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

</div>

<div>

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

</div>

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

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

Entesar Khaled · 4 مارس 2019

أهلًا بك @عابر سبيل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>